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

如何将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, 
    ] 
}

来源

2017-07-06 Mike

的价值网设置你想你的JSON的参考。既然你通过请求加载你的json而不是在本地，我认为你不能这样做。如果你事先加载你的json，你可以做'价值：myjson.data1' – Akoya

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

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/

来源

2017-07-07 19:38:33 mgraham

非常棒！这正是我想要的，谢谢你的帮助 – Mike

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

回答

相关问题