Question

我目前正在使用chartJS插件在我的网站上绘制图表，当然，这种图表效果很好。

但是，我现在几个月已经标注了它，但是我希望用户能够切换到日视图，所以我创建了一个带有onclick事件的按钮，我认为这样可以工作但不幸的是它没有＆＃39;吨。

HTML：

<button type="button" class="btn btn-primary" onClick="days();">Sort On Days</button>

JQUERY：

var label = ["January", "February", "March", "April", "May", "June", "July"]; // Months here

       function days()
       {
           var label = ["01", "02", "03", "04", "05", "06", "07"]; // Days
       } 

var lineChartData = {
                labels: label,

我怎样才能让它更新？目前没有任何事情发生。

Answer 1

更新标签后需要进行更新（）。而且你必须更新图表对象上的标签。

window.days = function()
{
    myLineChart.scale.xLabels = ["01", "02", "03", "04", "05", "06", "07"]; // Days
    myLineChart.update();
}

小提琴 - https://jsfiddle.net/rxoLjd92/

ChartJS插件，带有实时标签更新

1 个答案: