Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

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

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

tinyTea opened this issue Oct 11, 2016 · 0 comments

Comments

@tinyTea
Copy link

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 as completed in a554e8c Oct 18, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant