Questions tagged «chart.js»

我正在使用http://www.chartjs.org/中的折线图 如您所见，自动选择了Y轴的最大值（130）和最小值（60），我希望最大值= 500和最小值== 0。这可能吗？

176 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 = $('#myChart'); ctx.height(500); var myChart = new Chart(ctx, { type: 'horizontalBar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, …

138 javascript  jquery  chart.js 

我使用chartjs创建了一个基本的条形图，并且效果很好。现在，我想基于时间间隔更新值。我的问题是创建图表后，我不知道如何正确更新其值... 我的代码： var ctx = $("#myChart").get(0).getContext("2d"); var dts = [ { fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,1)", data: [0, 0, 0, 0, 0] } ]; var data = { labels: ["Core#1", "Core#2", "Core#3", "Core#4", "Total"], datasets: dts }; var chart = new Chart(ctx); chart.Bar(data); //test code setInterval( function () { data.datasets[0].data = …

134 javascript  charts  chart.js 

我想问一下是否可以使用Chart.js 显示数据值？我想打印图形。 感谢您的任何建议。

117 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); } 我怎样才能有直线而不是曲线？ 谢谢

111 chart.js 

我正在使用Chartjs显示折线图，并且可以正常工作： // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); 但是，当我尝试更改图表数据时，会出现问题。我通过使用新的数据点创建图表的新实例来更新图形，然后重新初始化画布。 这很好。但是，当我将鼠标悬停在新图表上时，如果碰巧越过了与旧图表上显示的点相对应的特定位置，则仍会触发悬停/标签，并且突然可见旧图表。当我的鼠标位于该位置时，它仍然可见，而从该点移开时，它消失。我不希望显示旧图表。我想将其完全删除。 在加载新画布之前，我已尝试清除画布和现有图表。喜欢： targetCanvas.clearRect(0,0, targetCanvas.canvas.width, targetCanvas.canvas.height); 和 chart.clear(); 但是到目前为止，这些方法都没有起作用。关于如何阻止这种情况的任何想法？

109 javascript  html  charts  chart.js 

这是我的代码。我需要在x和y轴刻度上都将初始值设置为“ 0”。我尝试了最新版本的比例尺选项。 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 - Width of the grid lines scaleGridLineWidth: 1, //Boolean - Whether to show horizontal lines (except X axis) scaleShowHorizontalLines: true, …

109 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 }] } }); 代码看起来很简单，但是我无法从图形中删除标签。我尝试了很多在网上找到的解决方案，但其中大多数使用Chart.jsv1.x。 如何删除数据集标签？

106 chart.js  chart.js2 

我正在使用ChartJs如何在甜甜圈图表中呈现文本。

103 javascript  chart.js 

我想从获取的数据中显示图表上的所有点，但我不想显示它们的所有标签，因为那样的话，图表就不太可读了。我在文档中寻找它，但是找不到任何可以限制它的参数。 我不想仅以三个标签为例，因为那时图表也仅限于三个点。可能吗？ 我现在有类似的东西： 如果我能留下每三分之四的标签，那就太好了。但是我对标签选项一无所获。

94 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: [20, 59, 80, 81, 56, 55, 40] }] }; 有什么方法可以对每个条进行不同的绘制吗？

90 javascript  chart.js 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 10小时前关闭。 改善这个问题 我已经在项目中多次使用chart.js，但从未使用过d3.js。许多人说d3.js是用于图表的最佳javascript框架，但是它们都无法解释原因，尤其是当我想与chart.js进行比较时。 我发现了这一点：http : //www.fusioncharts.com/javascript-charting-comparison/ 但这不是我想要的。 有谁知道这些框架在可用性和性能方面的比较（仅适用于图表）？

88 javascript  d3.js  charts  chart.js 

该APIchart.js允许您编辑加载到其中的数据集的点，例如： .update( ) 在Chart实例上调用update（）将使用任何更新的值重新渲染图表，从而允许您编辑多个现有点的值，然后在一个动画渲染循环中渲染这些点。 .addData( valuesArray, label ) 在Chart实例上调用addData（valuesArray，label），以传递每个数据集的值数组以及这些点的标签。 .removeData( ) 在Chart实例上调用removeData（）将删除图表上所有数据集的第一个值。 所有这些都很棒，但是我无法弄清楚如何加载一个全新的数据集，从而清除掉旧数据集。该文档似乎没有涵盖此内容。

87 javascript  chart.js 

Chart.js（文档）是否具有用于数据集的选项，用于设置图表的名称（标题）（例如，我所在城市的温度），x轴的名称（例如，天）和y轴的名称（例如，温度）。还是我应该用CSS解决这个问题？ var lineChartData = { labels : ["January","February","March","April","May","June","July"], datasets : [ { fillColor : "rgba(220,220,220,0.2)", strokeColor : "rgba(220,220,220,1)", pointColor : "rgba(220,220,220,1)", pointStrokeColor : "#fff", pointHighlightFill : "#fff", pointHighlightStroke : "rgba(220,220,220,1)", data : [data] } ] } 非常感谢您的帮助。

87 charts  title  chart.js 

在（Android WebView HTML5 canvas错误）中，我发布了一个有关使用Graph.js库绘制图形的问题。我现在遇到的问题是，如果我多次调用该函数绘制图形，则画布每次都会调整大小。每次将图形重新绘制到同一画布上时，其大小也会更改。我也尝试设置画布的大小，但没有成功。 可能是什么原因？为什么画布每次都会调整大小？

86 html  canvas  chart.js