Pytania otagowane jako chart.js

Chart.js to biblioteka JavaScript do tworzenia animowanych, interaktywnych wykresów do umieszczania na stronach internetowych

12
Ustaw wysokość wykresu w Chart.js
Chcę narysować poziomy wykres słupkowy za pomocą Chart.js, ale skaluje on wykres zamiast używać wysokości, którą przypisuję kanwie ze skryptu. Czy istnieje sposób, aby ustawić wysokość wykresu ze skryptu? Zobacz skrzypce: Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> </div> JavaScript var ctx = $('#myChart'); ctx.height(500); …
14
Dynamicznie aktualizuj wartości wykresu chartjs
Utworzyłem podstawowy wykres słupkowy za pomocą chartjs i działa dobrze. Teraz chcę zaktualizować wartości w przedziale czasowym. Mój problem polega na tym, że po utworzeniu wykresu nie wiem jak poprawnie zaktualizować jego wartości ... Mój kod: var ctx = $("#myChart").get(0).getContext("2d"); var dts = [ { fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,1)", data: …
4
Chart.js: linie proste zamiast krzywych
Używam Chart.JS do wykreślenia zbioru danych, Jednak uzyskałem gładki efekt! Oto krzywa, którą mam: Oto mój kod: function plotChart(data, labels) { var lineChartData = { "datasets": [{ "data": data, "pointStrokeColor": "#fff", "fillColor": "rgba(220,220,220,0.5)", "pointColor": "rgba(220,220,220,1)", "strokeColor": "rgba(220,220,220,1)" }], "labels": labels }; var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData); } Jak mogę mieć …
112 chart.js 
19
Jak wyczyścić wykres z płótna, aby nie wywoływać zdarzeń najechania kursorem?
Używam Chartjs do wyświetlania wykresu liniowego i to działa dobrze: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Ale problem pojawia się, gdy próbuję zmienić dane wykresu. Aktualizuję wykres, tworząc nową instancję wykresu z nowymi punktami danych, a tym samym …
3
jak ustawić wartość początkową jako „0” w chartjs?
oto mój kod. Muszę ustawić wartość początkową jako „0” w obu skalach osi X i Y. Wypróbowałem opcję skalowania najnowszej wersji. graphOptions = { ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: false, tooltipTitleTemplate: "<%= label%>", //String - Colour of the grid lines scaleGridLineColor: "rgba(0,0,0,.05)", //Number - …
109 charts  chart.js 
5
Chart.js v2 ukrywa etykiety zestawu danych
Mam następujące kody, aby utworzyć wykres przy użyciu Chart.js v2.1.3: var ctx = $('#gold_chart'); var goldChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'I want to remove this Label', data: prices, pointRadius: 0, borderWidth: 1 }] } }); Kody wyglądają na proste, ale nie …
9
Ogranicz liczbę etykiet na wykresie liniowym Chart.js.
Chcę wyświetlić wszystkie punkty na moim wykresie z danych, które otrzymuję, ale nie chcę wyświetlać dla nich wszystkich etykiet, ponieważ wtedy wykres nie jest zbyt czytelny. Szukałem tego w dokumentacji, ale nie mogłem znaleźć żadnego parametru, który by to ograniczył. Nie chcę brać na przykład tylko trzech etykiet, ponieważ wtedy …
19
Inny kolor dla każdego słupka na wykresie słupkowym; ChartJS
Używam ChartJS w projekcie, nad którym pracuję i potrzebuję innego koloru dla każdego słupka na wykresie słupkowym. Oto przykład zestawu danych wykresu słupkowego: var barChartData = { labels: ["001", "002", "003", "004", "005", "006", "007"], 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: …
20
chart.js ładuje zupełnie nowe dane
API dlachart.js umożliwia edycję punktów załadowanych do niego zbiorów danych, na przykład: .update( ) Wywołanie funkcji update () w Twojej instancji Chart spowoduje ponowne wyrenderowanie wykresu z wszelkimi zaktualizowanymi wartościami, umożliwiając edycję wartości wielu istniejących punktów, a następnie renderowanie ich w jednej animowanej pętli renderowania. .addData( valuesArray, label ) Wywołanie …
4
W Chart.js ustawić tytuł wykresu, nazwę osi x i osi y?
Czy Chart.js ( dokumentacja ) ma opcję dla zbiorów danych, aby ustawić nazwę (tytuł) wykresu (np. Temperatura w moim mieście), nazwę osi x (np. Dni) i nazwę osi y (np. Temperatura). Czy powinienem rozwiązać ten problem za pomocą CSS? var lineChartData = { labels : ["January","February","March","April","May","June","July"], datasets : [ { …
87 charts  title  chart.js 
13
Zmiana rozmiaru płótna Chart.js.
W ( Błąd kanwy HTML5 Android WebView ) opublikowałem pytanie dotyczące kreślenia wykresów za pomocą biblioteki Graph.js. Problem, który mam teraz, polega na tym, że jeśli wywołuję funkcję w celu wielokrotnego wykreślania wykresu, płótno zmienia rozmiar za każdym razem. Za każdym razem, gdy wykres jest przerysowywany do tego samego obszaru …
86 html  canvas  chart.js 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.