Questions tagged «chart.js»

我正在尝试docs中给出的Chart.js示例代码。 在canvas元素上以400px / 400px内联指定宽度和高度。 但是，在渲染图表时，它会被放大到整个页面宽度，并切断最右端。 看例子 我应该如何/在哪里控制图表的宽度/高度？ This is some bogus text because SO prohibits linking to Codepen otherwise.

84 chart.js 

我正在使用Chart.js绘制一个简单的条形图，并且需要格式化其Y轴，例如 123456.05至123 456,05 $ 我不懂怎么用 scaleLabel : "<%=value%>" 我看到有人指向“ JS Micro-Templating ”， 但不知道如何在我们的scaleLabel选项中使用它。 有人知道如何格式化此Y轴，也许给我一个例子？

79 string-formatting  chart.js 

我正在尝试使用Chart.js创建具有两个数据集的折线图，每个数据集都有自己的Y比例尺/轴（一个在图表的左侧，一个在图表的右侧）。 这是我的代码（jsfiddle）： var canvas = document.getElementById('chart'); new Chart(canvas, { type: 'line', data: { labels: [ '1', '2', '3', '4', '5' ], datasets: [ { label: 'A', yAxesGroup: 'A', data: [ 100, 96, 84, 76, 69 ] }, { label: 'B', yAxesGroup: 'B', data: [ 1, 1, 1, 1, 0 ] …

75 javascript  browser  graph  chart.js 

我对Chart.js有疑问。 我使用提供的文档绘制了多个饼图。我想知道是否可以通过单击其中一个图表的某个切片来根据该切片的值进行ajax调用？ 例如，如果这是我的 data var data = [ { value: 300, color:"#F7464A", highlight: "#FF5A5E", label: "Red" }, { value: 50, color: "#46BFBD", highlight: "#5AD3D1", label: "Green" }, { value: 100, color: "#FDB45C", highlight: "#FFC870", label: "Yellow" } ], 我可以单击Red标记的切片并调用以下格式的网址 example.com?label=red&value=300吗？如果是，我该如何处理？

72 javascript  jquery  charts  chart.js 

如何使用Chart.js在x轴上的特定点绘制一条垂直线？ 特别是，我想在LineChart上画一条线以指示当天。这是图表的模型：http : //i.stack.imgur.com/VQDWR.png

71 javascript  chart.js 

如何隐藏chart.js中显示的x轴标签/文本？ 设置scaleShowLabels:false仅删除y轴标签。 <script> var options = { scaleFontColor: "#fa0", datasetStrokeWidth: 1, scaleShowLabels : false, animation : false, bezierCurve : true, scaleStartValue: 0, }; var lineChartData = { labels : ["1","2","3","4","5","6","7"], datasets : [ { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)", pointColor : "rgba(151,187,205,1)", pointStrokeColor : "#fff", data : [1,3,0,0,6,2,10] } …

70 javascript  html  charts  chart.js 

我见过其他支持分组条形图的javascript图表库，如下图所示。我还没有在chart.js的在线编辑器中将其视为显式选项。 是否可以在chart.js中进行这种分组的条形图？这简单吗？他们的在线编辑器中是否有模板？

68 javascript  chart.js 

我正在使用基于（Chartjs-tsgauge）的仪表图。我想将图表的背景色与量规限制分开设置。Charts.JS如何呈现背景的问题是因为我使用的插件没有关于背景的代码。例如，我有一个带有极限的量规[0, 20, 40, 60, 80, 100]。我要设置[0-30]为绿色，[30-70]黄色和[70-100]红色。当前代码：CodePEN 这是我目前的选择。 var ctx = document.getElementById("canvas").getContext("2d"); new Chart(ctx, { type: "tsgauge", data: { datasets: [{ backgroundColor: ["#0fdc63", "#fd9704", "#ff7143"], borderWidth: 0, gaugeData: { value: 7777, valueColor: "#ff7143" }, gaugeLimits: [0, 3000, 7000, 10000] }] }, options: { events: [], showMarkers: true } }); 这是我设置背景颜色的方法。 new …

9 javascript  html5-canvas  chart.js