echarts数据不显示

syongzhang 2017-12-23 12:18:04
<script type="text/javascript">
var json = [
{
name: '邮件营销',
type: 'line',
stack: '总量',
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name: '联盟广告',
type: 'line',
stack: '总量',
data: [220, 182, 191, 234, 290, 330, 310]
}
];



var chart = echarts.init(document.getElementById('main'));

option = {
title: {
text: '折线图堆叠'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},

series: {
name: 'Beijing AQI',
type: 'line',
data: arry,
markLine: {
silent: true,
data: [{
yAxis: 50
}, {
yAxis: 100
}, {
yAxis: 150
}, {
yAxis: 200
}, {
yAxis: 300
}]
}
},



};

chart.setOption(option);

</script>
...全文
2753 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
dong-sir 2019-09-29
  • 打赏
  • 举报
回复
可以看看这篇文章: [size=24px]echarts 不显示[/size]
stevenjin 2018-04-07
  • 打赏
  • 举报
回复
1.检查页面是否存在main 2. series这里的arry从哪来的,应该取json上数据才对 3.请将相关数据放在echarts站点上调试: http://echarts.baidu.com/examples/editor.html?c=line-stack

4,816

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 图表区
社区管理员
  • 图表区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧