javascript - 百度echarts图表如何修改
问题描述
用echarts图表中的折线图来做统计分析。发现相同的数据,线条不相交,这是什么问题。请教大神?
如图星期六的数据都是330。可是五条线就是不相交
<script src='https://www.haobala.com/Public/Admin/echarts/dist/echarts.js'></script><script type='text/javascript'>require.config({
paths: { echarts: ’/Public/Admin/echarts/dist’}
});
require(
[ ’echarts’, ’echarts/chart/line’],function (ec) { var myChart = ec.init(document.getElementById(’tubiao’)); var option = {tooltip : { trigger: ’axis’},legend: { data:[’邮件营销’,’联盟广告’,’视频广告’,’直接访问’,’搜索引擎’]},toolbox: { show : true, feature : {mark : {show: true},dataView : {show: true, readOnly: false},magicType : {show: true, type: [’line’, ’bar’, ’stack’, ’tiled’]},restore : {show: true},saveAsImage : {show: true} }},calculable : true,xAxis : [ {type : ’category’,boundaryGap : false,data : [’周一’,’周二’,’周三’,’周四’,’周五’,’周六’,’周日’] }],yAxis : [ {type : ’value’ }],series : [ {name:’邮件营销’,type:’line’,stack: ’总量’,data:[0, 132, 101, 134, 90, 330, 210] }, {name:’联盟广告’,type:’line’,stack: ’总量’,data:[0, 182, 191, 234, 290, 330, 310] }, {name:’视频广告’,type:’line’,stack: ’总量’,data:[0, 232, 201, 154, 190, 330, 410] }, {name:’直接访问’,type:’line’,stack: ’总量’,data:[0, 332, 301, 334, 390, 330, 320] }, {name:’搜索引擎’,type:’line’,stack: ’总量’,data:[0, 932, 901, 934, 1290, 330, 1320] }]
};
myChart.setOption(option); }
);
</script>
问题解答
回答1:把series 里的所有 stack: ’总量’,这条配置 删除掉
回答2:那肯定是你那里弄错了呗,你代码不贴出来,谁知道呢
回答3:我觉得是:Y轴赋值的时候 是正确的;你自定义label的时候弄错了,都写成同一个了。
相关文章:
1. 这是什么情况???2. Android明明可以直接分享,为什么还要用微信开放平台、微博开放平台的sdk?3. javascript - 单页面应用怎么监听ios微信返回键?4. angular.js - 在ionic下,利用javascript导入百度地图,pc端可以显示,移动端无法显示5. 服务器上nginx无法访问html的配置问题6. python - oslo_config7. angular.js - 百度支持_escaped_fragment_吗?8. vue.js - vue apache 代理设置9. node.js - Vue+Webpack在dev环境下没有问题build后出现莫名错误10. javascript - vue2.0中使用vue2-dropzone的demo,vue2-dropzone的github网址是什么??百度不到。
