echarts 做多条折线图 为什么数据会累加 怎么改
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '房价时间序列数据图'
},
tooltip: {
trigger: 'axis'
},
toolbox: {
feature: {
saveAsImage: {}
}
},
legend: {
},
dataset:{
source:
[['year', '北海', '南宁', '崇左', '来宾', '柳州', '桂林', '梧州', '河池', '玉林', '百色', '贵港', '贺州', '钦州', '防城港'], ['2011', '0', '7434', '0', '0', '0', '5314', '0', '0', '0', '0', '0', '0', '0', '0'], ['2012', '0', '6822', '0', '0', '0', '5538', '0', '0', '0', '0', '0', '0', '0', '0'], ['2013', '0', '7052', '0', '0', '0', '6192', '0', '0', '0', '0', '0', '0', '0', '0'], ['2014', '0', '6341', '0', '0', '6796', '0', '0', '0', '0', '0', '0', '0', '0', '0'], ['2015', '4627', '6748', '0', '0', '6423', '5710', '3662', '0', '4267', '0', '4007', '0', '3286', '0'], ['2016', '4479', '7262', '0', '0', '6703', '6022', '3703', '0', '4314', '0', '4165', '0', '3384', '3793'], ['2017', '5662', '9515', '0', '0', '7667', '6182', '4136', '0', '4878', '0', '5049', '0', '3559', '4427'], ['2018', '6743', '10538', '5539', '0', '8683', '6503', '4878', '5215', '5645', '5091', '6542', '5306', '4185', '6433'], ['2019', '6743', '10979', '5081', '4523', '9247', '6629', '5445', '4612', '5689', '5081', '6388', '6250', '4557', '5611'], ['2020', '6187', '11049', '5044', '4567', '8943', '6732', '5127', '4879', '5486', '4985', '5927', '6144', '4498', '5359'], ['2021', '5795', '11025', '4592', '4732', '8476', '6412', '5292', '5578', '5225', '5738', '5220', '5915', '4678', '5215'], ['2022', '5642', '10589', '4232', '4525', '7854', '6106', '5317', '4624', '5243', '5658', '5150', '6142', '4790', '4631'], ['2023', '5621', '9882', '4508', '4551', '7153', '5908', '5011', '4822', '5061', '5198', '5344', '6095', '4783', '4300'], ['2024', '5704', '9619', '3983', '4461', '7008', '6091', '5076', '4733', '4989', '5242', '5366', '5529', '4740', '4313']]
,
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type:'category',
//boundaryGap:false,
axisPointer: {
type: 'shadow'
}
},
{
type:'category',
boundaryGap:true,
axisTick: {
alignWithLabel: true
},
axisLabel:{
show:false
},
axisPointer: {
type: 'shadow'
}
}
],
yAxis:[
{
name:'房价',
type:'value',
},
],
series: [
{
name: '北海',
type: 'line',
stack: 'Total',
},
{
name: '南宁',
type: 'line',
stack: 'Total',
},
{
name: '崇左',
type: 'line',
stack: 'Total',
},
{
name: '来宾',
type: 'line',
stack: 'Total',
},
{
name: '柳州',
type: 'line',
stack: 'Total',
},
{
name: '桂林',
type: 'line',
stack: 'Total',
},
{
name: '梧州',
type: 'line',
stack: 'Total',
},
{
name: '河池',
type: 'line',
stack: 'Total',
},
{
name: '玉林',
type: 'line',
stack: 'Total',
},
{
name: '百色',
type: 'line',
stack: 'Total',
},
{
name: '贵港',
type: 'line',
stack: 'Total',
},
{
name: '贺州',
type: 'line',
stack: 'Total',
},
{
name: '钦州',
type: 'line',
stack: 'Total',
},
{
name: '防城港',
type: 'line',
stack: 'Total',
},
,
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
