Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用chart.js的动态标签_Javascript_Json_Charts - Fatal编程技术网

Javascript 使用chart.js的动态标签

Javascript 使用chart.js的动态标签,javascript,json,charts,Javascript,Json,Charts,我们有大量的json数据,有1000多个条目,我们正试图为这些条目绘制一个线/条形图。然而,正如所料,这些巨大的条目使标签重叠,我们几乎看不到任何东西 是否可以在图形中配置标签的步长值? 该图实际上是根据日期排序的,显示了一个月的数据,我们只想显示例如6个日期(每5个日期)。我知道这可以通过编程的方式来完成,在需要时对json数据进行分组,但是,我们只是想知道是否有一个标准的解决方案可用于相同的问题 我的代码: var line_chart = { labels : labelsX, /

我们有大量的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
     });
  }

我不确定您的标签和值现在如何,但它们应该是这样的数组:

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

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

即使我说了完全相同的话,它仍然不起作用……你有没有碰巧得到答案?我也有类似的问题。你能看看这个吗?