search

Home  >  Q&A  >  body text

javascript - How to modify Baidu echarts chart

Use the line chart in the echarts chart for statistical analysis. Found the same data, the lines do not intersect, what is the problem? Ask a god for advice?

As shown in the figure, the data on Saturday are all 330. But the five lines just don’t intersect

<script src="/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>

ringa_leeringa_lee2733 days ago1374

reply all(3)I'll reply

  • 大家讲道理

    大家讲道理2017-07-05 11:10:59

    Delete all stack: 'total' configurations in the series

    reply
    0
  • 学习ing

    学习ing2017-07-05 11:10:59

    Then you must have made a mistake. If you don’t post the code, who knows?

    reply
    0
  • PHP中文网

    PHP中文网2017-07-05 11:10:59

    I think it is: the Y-axis value assignment is correct; you made a mistake when customizing the label and wrote the same one.

    reply
    0
  • Cancelreply