javascript - 使用 chart.js 的动态标签

Question

我们有大量包含 1000 多个条目的 json 数据，我们正在尝试为其绘制折线图/条形图。然而，正如预期的那样，对于这些巨大的条目，标签会重叠，我们几乎看不到任何东西。

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

图表实际上会根据日期排序并显示一个月的数据，我们只想显示例如 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];

这样的数组应该可以工作。希望这会有所帮助。