Javascript 使用chart.js的动态标签
我们有大量的json数据,有1000多个条目,我们正试图为这些条目绘制一个线/条形图。然而,正如所料,这些巨大的条目使标签重叠,我们几乎看不到任何东西 是否可以在图形中配置标签的步长值? 该图实际上是根据日期排序的,显示了一个月的数据,我们只想显示例如6个日期(每5个日期)。我知道这可以通过编程的方式来完成,在需要时对json数据进行分组,但是,我们只是想知道是否有一个标准的解决方案可用于相同的问题 我的代码:Javascript 使用chart.js的动态标签,javascript,json,charts,Javascript,Json,Charts,我们有大量的json数据,有1000多个条目,我们正试图为这些条目绘制一个线/条形图。然而,正如所料,这些巨大的条目使标签重叠,我们几乎看不到任何东西 是否可以在图形中配置标签的步长值? 该图实际上是根据日期排序的,显示了一个月的数据,我们只想显示例如6个日期(每5个日期)。我知道这可以通过编程的方式来完成,在需要时对json数据进行分组,但是,我们只是想知道是否有一个标准的解决方案可用于相同的问题 我的代码: var line_chart = { labels : labelsX, /
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];
这样的阵列应该可以工作。希望这会有所帮助。即使我说了完全相同的话,它仍然不起作用……你有没有碰巧得到答案?我也有类似的问题。你能看看这个吗?