Tag: chart.js

d3.js和chart.js之间的比较（仅适用于图表）: 我曾多次在我的项目中使用过chart.js，但从未使用过d3.js。很多人都说d3.js是图表最好的javascript框架，但是没有一个能够解释为什么，特别是当我想和chart.js比较的时候。我发现这个： http : //www.fusioncharts.com/javascript-charting-comparison/但它不是我正在寻找。有没有人知道在可用性和性能方面比较这些框架（仅适用于图表）？

如何在图表中将实数的Y轴值更改为整数？: 我有一张图表，我想使用Chart.js将其包含在我的网站中。在Y轴上，它给了我实际的数字，而不是整数，这就是我想要的，这里是我现在的图片：这就是代码： var lineChartData = { labels : ["2013/04/01","2013/03/31", "2013/03/30", "2013/03/29", "2013/03/28","2013/03/27", "2013/03/26"], datasets : [ { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)", pointColor : "rgba(151,187,205,1)", pointStrokeColor : "#fff", data : ["0", "2","1", "0", "1","0","1"] } ] } var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(lineChartData);

Chart.js – 格式化Y轴: 我使用Chart.js来绘制一个简单的条形图，我需要格式化它的Y轴 123456.05至123 456,05 $ 我不明白如何使用scaleLabel : "<%=value%>" 我看到有人指着 “ JS Micro-Templating ” 但不知道如何使用我们的scaleLabel选项。有人知道如何格式化这个Y轴，也许给我一个例子？

如何将标签添加到Chart.jscanvas插件？: 我使用了令人敬畏的插件Chart.js ，并试图在每个百分比内find显示标签的方式。所以我GOOGLE了，我发现这拉： https ： //github.com/nnnick/Chart.js/pull/35 我做了一个简单的小提琴来testing它，但不起作用： http : //jsfiddle.net/marianico2/7ktug/1/ 这是内容： HTML <canvas id="canvas" height="450" width="450"></canvas> JS $(document).ready(function () { var pieData = [{ value: 30, color: "#F38630", label: 'HELLO', labelColor: 'black', labelFontSize: '16' }, { value: 50, color: "#E0E4CC" }, { value: 100, color: "#69D2E7" }]; var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData, { labelAlign: 'center' […]

Chart.js如何获得组合的条形图和折线图？: 我想问问是否可以使用Chart.js http://www.chartjs.org/来获得组合条形图和折线图？感谢您的任何build议。

条形图中每个条的颜色不同; ChartJS: 我正在使用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] }] }; 有什么办法来绘制每个酒吧不同？

限制Chart.js折线图上的标签号: 我想从我得到的数据中显示我的图表上的所有点，但是我不想显示它们的所有标签，因为图表不太可读。我在文档中查找它，但找不到任何限制这个的参数。例如，我不想只拿三个标签，因为这个图表也被限制在三个点上。可能吗？我现在有这样的事情：如果我能留下每一个第三个标签，那就太棒了。但是我对标签选项一无所知。

如何清除canvas中的图表，以便hover事件不会被触发？: 我正在使用Chartjs显示折线图，这工作正常： // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); 但是，当我尝试更改图表的数据时发生问题。我通过用新的数据点创build图表的新实例来更新图表，并因此重新初始化canvas。这工作正常。但是，当我将鼠标hover在新图表上时，如果碰巧遇到与旧图表上显示的点相对应的特定位置，hover/标签仍会被触发，并且突然显示旧图表。当我的鼠标在这个位置时它仍然可见，当离开那个点时消失。我不希望旧的图表显示。我想完全删除它。我已经尝试清除canvas和现有的图表之前加载新的。喜欢： targetCanvas.clearRect(0,0, targetCanvas.canvas.width, targetCanvas.canvas.height); 和 chart.clear(); 但这些都没有工作到目前为止。任何关于如何阻止这种情况发生的想法？

Chart.jscanvasresize: 在（ Android WebView HTML5canvas错误）我发布了一个关于使用Graph.js库绘制图的问题。我现在遇到的问题是，如果我多次调用绘制graphics的函数，canvas每次都会resize。每次graphics重绘到同一个canvas时，其大小也会改变。我也尝试设置canvas的大小，但没有成功。可能是什么原因？为什么canvas每次resize？