visualMap折线图连线消失问题 #4221

Closed
tinyTea opened this Issue Oct 11, 2016 · 0 comments

Comments

Projects
None yet
1 participant
@tinyTea

tinyTea commented Oct 11, 2016

问题简述 (One-line summary)

加入visualMap后,会在一定情况下出现折线图消失,具体规律并没有得到很好的总结,但是下面代码提供的数据会必发这个问题

版本及环境 (Version & Environment)

  • ECharts 版本 (ECharts version):3
  • 浏览器类型和版本 (Browser version):chrome
  • 操作系统类型和版本 (OS Version):windows10

重现步骤 (Steps to reproduce)

1.运行就会出现
2.

期望结果 (Expected behaviour)

可能哪里有问题 (What went wrong)

ECharts配置项 (ECharts option)

$.get('data/asset/data/aqi-beijing.json', function (data) {
    myChart.setOption(option = {
        title: {
            text: 'Beijing AQI'
        },
        tooltip: {
            trigger: 'axis'
        },
        xAxis: {
            data: ["2016/10/11 15:46:18","2016/10/11 15:46:23","2016/10/11 15:46:28","2016/10/11 15:46:33","2016/10/11 15:46:38","2016/10/11 15:46:43","2016/10/11 15:46:48","2016/10/11 15:46:53","2016/10/11 15:46:58","2016/10/11 15:47:03","2016/10/11 15:47:08","2016/10/11 15:47:13","2016/10/11 15:47:18","2016/10/11 15:47:23","2016/10/11 15:47:28","2016/10/11 15:47:33","2016/10/11 15:47:38","2016/10/11 15:47:43","2016/10/11 15:47:48","2016/10/11 15:47:53","2016/10/11 15:47:58","2016/10/11 15:48:03","2016/10/11 15:48:08","2016/10/11 15:48:13","2016/10/11 15:48:18","2016/10/11 15:48:23","2016/10/11 15:48:28","2016/10/11 15:48:33","2016/10/11 15:48:38","2016/10/11 15:48:43","2016/10/11 15:48:48","2016/10/11 15:48:53","2016/10/11 15:48:58","2016/10/11 15:49:03","2016/10/11 15:49:08","2016/10/11 15:49:13","2016/10/11 15:49:18","2016/10/11 15:49:23","2016/10/11 15:49:28","2016/10/11 15:49:33","2016/10/11 15:49:38","2016/10/11 15:49:43","2016/10/11 15:49:48","2016/10/11 15:49:53","2016/10/11 15:49:58","2016/10/11 15:50:03","2016/10/11 15:50:08","2016/10/11 15:50:13","2016/10/11 15:50:18","2016/10/11 15:50:23","2016/10/11 15:50:28","2016/10/11 15:50:33","2016/10/11 15:50:38","2016/10/11 15:50:43","2016/10/11 15:50:48","2016/10/11 15:50:53","2016/10/11 15:50:58","2016/10/11 15:51:03","2016/10/11 15:51:08","2016/10/11 15:51:13","2016/10/11 15:51:18","2016/10/11 15:51:23","2016/10/11 15:51:28","2016/10/11 15:51:33","2016/10/11 15:51:38","2016/10/11 15:51:43","2016/10/11 15:51:48","2016/10/11 15:51:53","2016/10/11 15:51:58","2016/10/11 15:52:03","2016/10/11 15:52:08","2016/10/11 15:52:13","2016/10/11 15:52:18","2016/10/11 15:52:23","2016/10/11 15:52:28","2016/10/11 15:52:33","2016/10/11 15:52:38","2016/10/11 15:52:43","2016/10/11 15:52:48","2016/10/11 15:52:53","2016/10/11 15:52:58","2016/10/11 15:53:03","2016/10/11 15:53:08","2016/10/11 15:53:13","2016/10/11 15:53:18","2016/10/11 15:53:23","2016/10/11 15:53:28","2016/10/11 15:53:33","2016/10/11 15:53:38","2016/10/11 15:53:43","2016/10/11 15:53:48","2016/10/11 15:53:53","2016/10/11 15:53:58","2016/10/11 15:54:03","2016/10/11 15:54:08","2016/10/11 15:54:13","2016/10/11 15:54:18","2016/10/11 15:54:23","2016/10/11 15:54:28","2016/10/11 15:54:33"]
        },
        yAxis: {
            splitLine: {
                show: false
            }
        },
        toolbox: {
            left: 'center',
            feature: {
                dataZoom: {
                    yAxisIndex: 'none'
                },
                restore: {},
                saveAsImage: {}
            }
        },
        dataZoom: [{
            startValue: '2014-06-01'
        }, {
            type: 'inside'
        }],
        visualMap: {
            top: 10,
            right: 10,
            pieces: [{
                gt: 0,
                lte: 50,
                color: '#096'
            }, {
                gt: 50,
                lte: 100,
                color: '#ffde33'
            }, {
                gt: 100,
                lte: 150,
                color: '#ff9933'
            }, {
                gt: 150,
                lte: 200,
                color: '#cc0033'
            }, {
                gt: 200,
                lte: 300,
                color: '#660099'
            }, {
                gt: 300,
                color: '#7e0023'
            }],
            outOfRange: {
                color: '#999'
            }
        },
        series: {
            name: 'Beijing AQI',
            type: 'line',
            data: [35.78,35.77,35.77,35.77,35.77,35.76,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.75,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.76,35.76,35.76,35.76,35.76,35.75,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.75,35.75,35.75,35.75,35.75,35.74,35.74,35.74,35.74,35.74,35.74,35.74,35.76,35.75,35.75,35.75,35.75,35.74,35.73,35.73,35.73,35.73,35.73,35.73,35.73,35.73,35.73,35.73],
            markLine: {
                silent: true,
                data: [{
                    yAxis: 50
                }, {
                    yAxis: 100
                }, {
                    yAxis: 150
                }, {
                    yAxis: 200
                }, {
                    yAxis: 300
                }]
            },
            showAllSymbol:true
        }
    });
});

其他信息 (Other comments)

image

@100pah 100pah closed this in a554e8c Oct 18, 2016

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment