Autor Zpráva
ondra256
Profil
Dobrý den,

používám knihovnu Chart.js

http://www.chartjs.org

Potřebuju docílit toho, aby se po najetí myší do grafu zobrazilo kromně hodnoty také popisek.

Příklad: Vypisuju ceny dopravců v čase. V grafu mám asi 6 dopravců a chci aby po najetí myší bylo jasné, která hodnota patří ke kteréhmu dopravci.

V dokumentaci dokonce je funkční ukázka toho co chci, ale nedaří se mně to zprovoznit.

Nemáte někdo zkušenosti s tímto problémem? Nejlépe kdyby jste poraedili, kterým parametrem se dá nastavit?
Marschmallow
Profil
ondra256:
U jakého typu grafu ti nefungují ty popisky?

Jinak popisky se nastavují v JavaScriptu pod parametrem label - ukázka:
var pieData = [
       {
        value: 300,
        color:"#F7464A",
        highlight: "#FF5A5E",
        label: "Red"
       }
ondra256
Profil
Ano label nastavuju:

stejně jako je v tomto příkladu:

var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: "My Second dataset",
fillColor: "rgba(151,187,205,0.5)",
strokeColor: "rgba(151,187,205,0.8)",
highlightFill: "rgba(151,187,205,0.75)",
highlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};

Ale nic se mně nezobrazí, není potřeba to ještě někde aktivovat?
Marschmallow
Profil
ondra256:
Poslal bys mi, prosím, odkaz na Živou ukázku?
ondra256
Profil
Ano zde:

Živá ukázka
ondra256
Profil
Opravdu si s tím nikdo neporadí?
Chamurappi
Profil
Reaguji na ondru256:
To nešlo do té ukázky přilinkovat knihovnu jako externí JS? Je to takové nepřehledné, proto se do toho nejspíš nikdo nehrne…
Krom toho celý zbytek stránky obaluješ do elementu <canvas>, protože ho nikde nezavíráš (HTML není XML), i když to tady nepůsobí problém.

V dokumentaci jsem našel, že jde do nastavení grafu dát legendTemplate, ovšem tento údaj se ukáže jen při vypsání myLineChart.generateLegend(). Zjevně se tedy předpokládá, že vedle grafu bude dostupná vysvětlující legenda i bez toho, aby po něm uživatel šmejdil myší.

Myslím, že Chart.js nic jiného neumí. Můžeš si napsat vlastní graf, není to zase taková věda.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0