Używam wykresu liniowego z http://www.chartjs.org/ Jak widać, wartość maksymalna (130) i minimalna (60) dla osi Y są wybierane automatycznie, chcę, aby wartość maksymalna = 500 i minimalna = 0. czy to możliwe?
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); …
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: …
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ć …
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 …
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 - …
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 …
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 …
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: …
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 …
Zamknięte . To pytanie musi być bardziej skoncentrowane . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby skupiało się tylko na jednym problemie, edytując ten post . Zamknięte 4 dni temu . Popraw to pytanie Kilkakrotnie korzystałem z chart.js w moich projektach, ale nigdy nie używałem d3.js. …
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 : [ { …
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 …
Używamy plików cookie i innych technologii śledzenia w celu poprawy komfortu przeglądania naszej witryny, aby wyświetlać spersonalizowane treści i ukierunkowane reklamy, analizować ruch w naszej witrynie, i zrozumieć, skąd pochodzą nasi goście.
Kontynuując, wyrażasz zgodę na korzystanie z plików cookie i innych technologii śledzenia oraz potwierdzasz, że masz co najmniej 16 lat lub zgodę rodzica lub opiekuna.