Запитання з тегом «chart.js»

Chart.js - це бібліотека JavaScript для створення анімованих інтерактивних графіків для включення на веб-сторінки

17
Як встановити значення max та min для осі Y
Я використовую лінійну діаграму від http://www.chartjs.org/ Оскільки ви бачите, що максимальне значення (130) та мінімальне значення (60) для осі Y вибираються автоматично, я хочу, щоб максимальне значення = 500 та мінімальне значення = 0. Чи можливо це?
176 chart.js 

12
Встановити висоту діаграми в Chart.js
Я хочу намалювати горизонтальну смужкову діаграму з Chart.js, але вона продовжує масштабувати діаграму замість того, щоб використовувати висоту, яку я присвоюю полотну для скрипту. Чи є спосіб встановити висоту графіка зі сценарію? Дивіться скрипку: Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> </div> JavaScript var ctx …

14
Динамічне оновлення значень діаграми charjs
Я створив основну діаграму за допомогою chartjs, і вона прекрасно працює. Тепер я хочу оновити значення на часовому інтервалі. Моя проблема полягає в тому, що після створення діаграми я не знаю, як правильно оновити її значення ... Мій код: var ctx = $("#myChart").get(0).getContext("2d"); var dts = [ { fillColor: "rgba(220,220,220,0.5)", …


4
Chart.js: прямі лінії замість кривих
Я використовую Chart.JS для побудови набору даних, Однак я отримав плавний ефект! Ось крива у мене: Ось мій код: 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); } Як …
111 chart.js 

19
Як очистити діаграму з полотна, щоб не можна було викликати події наведення?
Я використовую Chartjs для відображення лінійної діаграми, і це прекрасно працює: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Але проблема виникає, коли я намагаюся змінити дані для діаграми. Я оновлюю графік, створюючи новий екземпляр Chart з новими точками даних …

3
як встановити початкове значення "0" у chartjs?
ось мій код. мені потрібно встановити початкове значення як "0" в обох шкалах x і y. Я спробував варіант ваги останньої версії. 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 приховує мітки набору даних
У мене є такі коди, щоб створити графік за допомогою 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 }] } }); Коди виглядають просто, але …


9
Обмежте кількість міток на лінійній діаграмі Chart.js
Я хочу відображати всі точки на своїй діаграмі з отриманих даних, але не хочу відображати всі мітки для них, оскільки тоді діаграма не дуже читається. Я шукав це в документації, але не міг знайти жодного параметра, який би обмежував це. Наприклад, я не хочу брати лише три мітки, оскільки тоді …

19
Різний колір для кожного стовпчика на гістограмі; Діаграма JS
Я використовую ChartJS у проекті, над яким я працюю, і мені потрібен інший колір для кожного стовпчика в гістограмі. Ось приклад набору даних гістограми: 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)", …

4
Порівняння між d3.js та chart.js (лише для діаграм) [закрито]
Закрито . Це питання має бути більш сфокусованим . Наразі відповіді не приймаються. Хочете покращити це питання? Оновіть питання, щоб воно зосереджувалось на одній проблемі, лише відредагувавши цю публікацію . Закрито 22 години тому . Удосконалюйте це питання Я кілька разів використовував chart.js у своїх проектах, але ніколи не використовував …

20
chart.js завантажує абсолютно нові дані
API дляchart.js дозволяє редагувати точки завантажених у нього наборів даних, наприклад: .update( ) Виклик update () на вашому екземплярі діаграми повторно відтворить діаграму з будь-якими оновленими значеннями, що дозволить вам редагувати значення декількох існуючих точок, а потім відтворювати їх в одному анімованому циклі візуалізації. .addData( valuesArray, label ) Виклик addData …

4
У Chart.js встановити заголовок діаграми, назву осі x та осі y?
Чи має Chart.js ( документація ) можливість для наборів даних встановити назву (заголовок) діаграми (наприклад, Температура в моєму місті), назву осі х (наприклад, дні) та назву осі у (наприклад, температуру). Або я повинен вирішити це за допомогою css? var lineChartData = { labels : ["January","February","March","April","May","June","July"], datasets : [ { fillColor …
87 charts  title  chart.js 

13
Змінення розміру полотна Chart.js
У ( Помилка полотна Android WebView HTML5 ) я опублікував запитання щодо побудови графіків за допомогою бібліотеки Graph.js. Проблема, яку я маю зараз, полягає в тому, що якщо я викликаю функцію для побудови графіку кілька разів, полотно кожного разу змінюється. Щоразу, коли графік перемальовується на одне і те ж полотно, …
86 html  canvas  chart.js 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.