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

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

177 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 = …

138 javascript  jquery  chart.js 

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

134 javascript  charts  chart.js 

Я хотел бы спросить, можно ли использовать Chart.js отображать значения данных? Я хочу распечатать график. Спасибо за любой совет.

118 javascript  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); } Как …

113 chart.js 

вот мой код. Мне нужно установить начальное значение как «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 …

110 charts  chart.js 

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

109 javascript  html  charts  chart.js 

У меня есть следующие коды для создания графика с использованием 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 }] } }); Коды выглядят просто, но …

107 chart.js  chart.js2 

Как визуализировать текст внутри кольцевой диаграммы, я использую ChartJs .

103 javascript  chart.js 

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

96 javascript  css  canvas  charts  chart.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)", data: …

91 javascript  chart.js 

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

88 javascript  d3.js  charts  chart.js 

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

88 chart.js 

Есть ли у Chart.js ( документация ) возможность для наборов данных устанавливать имя (заголовок) диаграммы (например, Температура в моем городе), имя оси x (например, дни) и имя оси y (например, температура). Или я должен решить это с помощью css? var lineChartData = { labels : ["January","February","March","April","May","June","July"], datasets : [ { …

87 charts  title  chart.js 

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

87 javascript  chart.js