Jquery 带有实时标签更新的ChartJS插件

Jquery 带有实时标签更新的ChartJS插件,jquery,chart.js,Jquery,Chart.js,我目前正在使用chartJS插件在我的网站上绘制一张图表,当然,效果非常好 然而,我现在已经将其标记为月,但我希望用户也能够切换到日视图,因此我制作了一个带有onclick事件的按钮,我认为这会起作用,但不幸的是它没有 HTML: 我如何才能使其实时更新?当前没有发生任何事情。更新标签后,需要执行更新()。您必须更新图表对象上的标签 window.days = function() { myLineChart.scale.xLabels = ["01", "02", "03", "04"

我目前正在使用chartJS插件在我的网站上绘制一张图表,当然,效果非常好

然而,我现在已经将其标记为月,但我希望用户也能够切换到日视图,因此我制作了一个带有onclick事件的按钮,我认为这会起作用,但不幸的是它没有

HTML:

我如何才能使其实时更新?当前没有发生任何事情。

更新标签后,需要执行更新()。您必须更新图表对象上的标签

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

小提琴-

谢谢你,这对我来说非常合适。也可以用这种方式编辑数据吗?我尝试了myLineChart.scale.data,但似乎不起作用。这是可能的-例如,myLineChart.datasets[0]。points[2]。value=10将设置第一个数据集的第三个数据点。如果点数发生变化,还需要使用addData()和removeData()方法。销毁()图表()并重新创建它或使用类似的方法要容易得多。
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,
window.days = function()
{
    myLineChart.scale.xLabels = ["01", "02", "03", "04", "05", "06", "07"]; // Days
    myLineChart.update();
}