在我的web应用程序中,我有一个电子海图和一个返回的URL。
[ { "category": "2019-01-06 21:22:56", "value1": 0.5 }, {
"category": "2019-01-06 21:24:57", "value1": 0.5 }, { "category":
"2019-01-08 22:09:52", "value1": 533 }, { "category": "2019-01-08
22:10:45", "value1": -100 }, { "category": "2019-01-08 22:11:35",
"value1": 216.5 }, { "category": "2019-01-08 22:12:25", "value1":
-221.5 }, { "category": "2019-01-08 22:13:16", "value1": 226 } ]
现在我希望“类别”值显示在x轴上,“value 1”值显示在y轴上。
图表代码如下:
var dataArr = [];
$.get('https://myurl.com/backend/data.php', {},
function(response) {
dataArr = JSON.parse(response);
initEchart();
});
var myChart = echarts.init(document.getElementById('main'));
function initEchart(){
// specify chart configuration item and data
var option = {
title: {
text: 'ECharts entry example'
},
tooltip: {},
legend: {
data:['Sales']
},
xAxis: {
data: dataArr.category
},
yAxis: {},
series: [{
name: 'Sales',
type: 'line',
data: dataArr.value1
}]
};
// use configuration item and data specified to show
chart
myChart.setOption(option);
}
}