javascript - 百度echarts圖表如何修改
問題描述
用echarts圖表中的折線圖來做統計分析。發現相同的數據,線條不相交,這是什么問題。請教大神?
如圖星期六的數據都是330。可是五條線就是不相交
<script src='http://m.cgvv.com.cn/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. javascript - angularJS指令如何暴露API給外面的controller使用?3. mysql - 我用SQL語句 更新 行的時候,發現全部 中文都被清空了,請問怎么解決?4. python - xpath提取網頁路徑沒問題,但是缺失內容?5. javascript - angular里一個關于ng-bind的問題6. java中這個頁面默認是utf-8編碼的,1輸出亂碼可以理解,可是2就不理解了?7. javascript - IOS微信audio標簽不能通過touchend播放8. javascript - 求教各位,本地HTML頁面怎么在DIV中嵌套服務器上的頁面內容?不用iframe。9. python-mysql Commands out of sync10. mysql - 數據庫建表方面的問題?
