Вопросы с тегом «chart.js»

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

177
Как установить максимальное и минимальное значение для оси Y

Я использую график от http://www.chartjs.org/ Как вы можете видеть, максимальное значение (130) и минимальное значение (60) для оси Y выбираются автоматически, я хочу, чтобы максимальное значение = 500 и минимальное значение = 0. Это...

138
Установить высоту диаграммы в Chart.js

Я хочу нарисовать горизонтальную гистограмму с помощью Chart.js, но он продолжает масштабировать диаграмму вместо использования высоты, которую я назначаю холсту из скрипта. Есть ли способ установить высоту графика из скрипта? См. Скрипку : Jsfidle HTML <div class="graph"> <div...

134
Динамически обновлять значения диаграммы chartjs

Я создал базовую гистограмму, используя chartjs, и она отлично работает. Теперь я хочу обновить значения на временной интервал. Моя проблема в том, что после того, как я создал график, я не знаю, как правильно обновить его значения ... Мой код: var ctx = $("#myChart").get(0).getContext("2d"); var...

113
Chart.js: прямые линии вместо кривых

Я использую Chart.JS для построения набора данных, Однако у меня получился плавный эффект! Вот такая кривая: Вот мой код: function plotChart(data, labels) { var lineChartData = { "datasets": [{ "data": data, "pointStrokeColor": "#fff", "fillColor": "rgba(220,220,220,0.5)", "pointColor":...

109
Как очистить диаграмму от холста, чтобы не запускались события зависания?

Я использую Chartjs для отображения линейной диаграммы, и это отлично работает: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Но проблема возникает, когда я пытаюсь...

107
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 }] } }); Коды выглядят...

96
Ограничение количества меток на линейном графике Chart.js

Я хочу отобразить все точки на моей диаграмме из полученных данных, но я не хочу отображать для них все метки, потому что тогда диаграмма не очень удобочитаема. Я искал это в документации, но не смог найти ни одного параметра, который ограничивал бы это. Я не хочу брать для примера только три...

91
Разный цвет для каждого столбца гистограммы; ChartJS

Я использую ChartJS в проекте, над которым работаю, и мне нужен разный цвет для каждой полосы на гистограмме. Вот пример набора данных гистограммы: var barChartData = { labels: ["001", "002", "003", "004", "005", "006", "007"], datasets: [{ label: "My First dataset", fillColor:...

88
Сравнение d3.js и chart.js (только для диаграмм) [закрыто]

Закрыто . Этот вопрос должен быть более конкретным . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он фокусировался только на одной проблеме, отредактировав этот пост . Закрыт 5 дней назад . Уточните этот вопрос Я несколько раз использовал chart.js в...

88
Установка ширины и высоты

Я пробую пример кода для Chart.js, приведенный в документации . Ширина и высота указываются в элементе холста в размере 400 пикселей / 400 пикселей. Но при рендеринге диаграммы он увеличивается до полной ширины страницы и обрезает дальний правый конец. См. Пример Как / где я должен контролировать...

87
chart.js загружает совершенно новые данные

API дляchart.js позволяет редактировать точки загруженных в него наборов данных, например: .update( ) Вызов update () в вашем экземпляре Chart повторно визуализирует диаграмму с любыми обновленными значениями, что позволяет вам редактировать значение нескольких существующих точек, а затем...

87
В Chart.js установить заголовок диаграммы, имя оси x и оси y?

Есть ли у Chart.js ( документация ) возможность для наборов данных устанавливать имя (заголовок) диаграммы (например, Температура в моем городе), имя оси x (например, дни) и имя оси y (например, температура). Или я должен решить это с помощью css? var lineChartData = { labels :...

86
Изменение размера холста Chart.js

В ( Ошибка холста HTML5 Android WebView ) я разместил вопрос о построении графиков с использованием библиотеки Graph.js. Проблема в том, что если я вызываю функцию для построения графика несколько раз, размер холста меняется каждый раз. Каждый раз, когда график перерисовывается на одном и том же...

9
Пользовательские пределы фона для Donut (Gauge)

Я использую калибровочную диаграмму на основе ( Chartjs-tsgauge ). Я хочу установить цвета фона для графика отдельно от пределов датчика. Проблема с тем, как Charts.JS отображает фон, потому что используемый мной плагин не имеет кода о фонах. Например, у меня есть датчик с ограничениями [0, 20, 40,...