jquery 在其他函数中获取Chart js对象

dxpyg8gm  于 12个月前  发布在  jQuery
关注(0)|答案(4)|浏览(104)

在创建这样的图表(使用Chart.js,最新版本)之后:

var ctx = $('#graph');
var graph = new Chart(ctx, {
  type: 'line',
  data: someData, 
});

字符串
我想在另一个函数中检索Chart对象,以便向其添加一些数据点:

var graph = ???
graph.data.labels.push(1)
graph.data.datasets[0].data.push(10);


如何获取Chart对象?
在此先谢谢您!

wz3gfoph

wz3gfoph1#

你可以这样做:

var graph = Chart.getChart('graph')

字符串
在v3中工作-不确定它是什么时候引入的。

elcex8rz

elcex8rz2#

或许:

var ctx = $('#graph');
 var graph = new Chart(ctx, {
     type: 'line',
     data: someData, 
 });
 ctx.data('graph', graph);

字符串
后来:

var graph = $('#graph').data('graph');
 graph.data.labels.push(1)
 graph.data.datasets[0].data.push(10);
 graph.update();


关于我们

xpcnnkqh

xpcnnkqh3#

你可以直接使用graph对象,而不需要将其赋值给另一个变量 (考虑到graph是一个全局变量) 来添加来自另一个函数的任何类型的数据。
这里有一个快速的例子.

var ctx = $('#graph');
var graph = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["January", "February", "March", "April", "May"],
        datasets: [{
            label: "Sales",
            data: [1, 2, 3, 4, 5],
            fill: false,
            borderColor: '#07C',
        }]
    }
});

function addData() {
    graph.data.labels.push('June')
    graph.data.datasets[0].data.push(6);
    graph.update();
}

个字符
如果graph变量在一个函数内部,那么你必须让变量 global 才能在另一个函数中使用它。

nr7wwzry

nr7wwzry4#

//get object
const chartJS: Chart = $("#myChart").data('chart');

//change something
chartJS.config.options.scales.yAxes[0].ticks.min = minVal <= 0 ? minVal : minVal - 

//update
chartJS.update();

字符串

相关问题