c3.js - 如何将y线值设置为url中的第一个值（json数据）

  • Z时代
  • 2024-01-10
  • 分类：问答

如何将y线值设置为来自URL的第一个值？ （JSON数据）c3.js - 如何将y线值设置为url中的第一个值（json数据）

var chartDisplay = c3.generate({ 
    bindto: '.chart', 
    data: { 
     url: '/stats', 
     mimeType: 'json', 
    }, 
    grid: { 
     y: { 
      lines: [ { 
       value: data1 <---- this is what I cant figure out 
       } 
      ] 
     } 
    } 
});

JSON数据是这样的：

{ 
    "data1": 3000, 
    "data2": [ 
    3000, 
    3300.0, 
    3410.0, 
    4520.0, 
    ] 
}

回答：

尝试添加这对您的图表声明，

onrendered: function() { 
     this.api.ygrids([ 
      {value: this.data.targets[0].values[0].value, text:'data 1 value'}, 
     ]); 
    },

this.api基本上是一样的“图表“变量，并且this.data是一个指向已加载数据集的指针。 targets[0]将是第一个系列加载（数据1）和values[0].value将在您的第一项

http://jsfiddle.net/y7axwubf/1/

以上是 c3.js - 如何将y线值设置为url中的第一个值（json数据） 的全部内容， 来源链接： utcz.com/qa/258351.html

回到顶部