echarts生成折線圖


<div id="main" style="width: 100%;height:400px;"></div>
// 基於准備好的dom,初始化echarts實例
var myChart = echarts.init(document.getElementById('main'));
// 使用剛指定的配置項和數據顯示圖表。
$.post('syqgeneral.do').done(function(result) {
var arrDate = [];
arrReleaseNum = [],
arrBrowseUserNum = []
for(var i = result.data.length - 1; i >= 0; i--) {
arrDate.push(result.data[i].dataDate);
arrReleaseNum.push(result.data[i].syqReleaseNum);
arrBrowseUserNum.push(result.data[i].syqBrowseUserNum);
}
myChart.setOption({
tooltip: {
trigger: 'axis'
},
legend: {
data: ['發布生意圈總條數', '瀏覽生意圈有效人數']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: arrDate
},
yAxis: {
type: 'value'
},
series: [{
name: '發布生意圈總條數',
type: 'line',
stack: '總量',
data: arrReleaseNum
}, {
name: '瀏覽生意圈有效人數',
type: 'line',
stack: '總量',
data: arrBrowseUserNum
}]
});
console.log(result.data);
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM