Question

我们有大量的json数据，有超过1000个条目，我们正在尝试绘制相同的线条/条形图。然而，正如预期的那样，随着这些巨大的条目，标签重叠，我们几乎看不到任何东西。

是否可以在图表中配置标签的步长值？

图表实际上会根据日期排序并显示一个月的数据，我们只想显示例如6个日期（每5个日期）。我知道这可以通过在需要时对json数据进行分组来以编程方式完成，但是，我们只是想知道是否有可用的标准解决方案。

我的代码：

var line_chart = {
    labels : labelsX, // contains all the labels
    datasets : [

      {
        fillColor : "rgba(151,187,205,0.5)",
        strokeColor : "rgba(151,187,205,0.8)",
        highlightFill : "rgba(151,187,205,0.75)",
        highlightStroke : "rgba(151,187,205,1)",
        data : chartjsData // contains the value
      }
    ]
  }
 window.onload = function(){
    var ctx = document.getElementById("canvas").getContext("2d");
    window.myLine = new Chart(ctx).Line(line_chart, {
      responsive: true
     });
  }

Answer 1

我不确定你的标签和价值现在如何，但它们应该是这样的阵列：

labelsX = ["January", "February", "March"];
chartjsData  = [40, 10, 20];

这种方式的数组应该可行。希望这会有所帮助。

使用chart.js的动态标签

1 个答案: