echarts icon indicating copy to clipboard operation
echarts copied to clipboard

多个series,xAxis轴type为category,在交叉的区间内,点的个数不同会出现线来回折的情况

Open purplepeng opened this issue 4 years ago • 4 comments

Version

4.7.0

Reproduction link

https://gallery.echartsjs.com/editor.html?c=x2EHYSD-AU&v=2

Steps to reproduce

option = {
    title: {
        text: 'Awesome Chart'
    },
    tooltip: {
        trigger: 'axis',
        hideDelay: 0,
        backgroundColor: 'rgba(245, 245, 245, 0.8)',
        borderWidth: 1,
        borderColor: '#ccc',
        padding: 10,
        textStyle: {
          color: '#333'
        },
        enterable: true,
        confine: true,
        extraCssText: 'overflow-y: auto; box-shadow: 0 2px 20px rgba(0,0,0,.2);'
      },
    xAxis: {
          name: null,
          type: 'category',
          nameTextStyle: {
            color: '#666',
          },
          axisLine: {
            lineStyle: {
              color: '#999'
            }
          },
          axisLabel: {
            color: '#666'
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ['#EAEAEA'],
              width: 1,
            }
          },
          // data: xAxisData
        },
    yAxis: {},
     dataZoom: [{
        type: 'inside',
        // start: startValue,
        // end: endValue,
        xAxisIndex: 0,
      }, {      
        height: '26px',          
        start: 0,
        end: 0,
        xAxisIndex: 0,        
        handleSize: '80%',
        showDetail: true,
        fillerColor: 'rgba(193, 178, 152, 0.4)',
        dataBackground: {
          lineStyle: {
            color: '#EC808D'
          },
          areaStyle: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: '#EC808D'
            }, {
              offset: 1,
              color: '#FFF'
            }])
          }
        },
        handleStyle: {
          color: '#C4B295',            
          shadowBlur: 3,
          shadowColor: 'rgba(0, 0, 0, 0.6)',
          shadowOffsetX: 2,
          shadowOffsetY: 2,
        },
      }],
    series: [
        {
        type: 'line',
        data:[
            ["2019-05-14", 1.0889],
            ["2019-06-03", 1.0899],
            ["2019-06-04", 1.0899],
            ["2019-06-05", 1.0899],
            ["2019-06-06", 1.0907],
            ["2019-06-10", 1.0907],
            ["2019-06-11", 1.0907],
            ["2019-06-12", 1.0907],
            ["2019-06-13", 1.0907],
            ["2019-06-14", 1.0969],
            ["2019-07-01", 1.1136],
            ["2019-07-02", 1.1136],
            ["2019-07-03", 1.1136],
            ["2019-07-04", 1.1136],
            ["2019-07-05", 1.1182],
            ["2019-07-08", 1.1182],
            ["2019-07-09", 1.1182],
            ["2019-07-10", 1.1182],
            ["2019-07-11", 1.1182],
            ["2019-07-12", 1.1154],
        ]
      },
    {
        type: 'line',
        data: [
            ["2019-06-18", 1.2079],
            ["2019-06-19", 1.2206],
            ["2019-06-20", 1.2471],
            ["2019-06-21", 1.242],
            ["2019-06-24", 1.2468],
            ["2019-06-25", 1.2392],
            ["2019-06-26", 1.2387],
            ["2019-06-27", 1.2477],
            ["2019-06-28", 1.2493],
            ["2019-07-01", 1.2614],
            ["2019-07-02", 1.2614],
            ["2019-07-03", 1.2582],
            ["2019-07-04", 1.2555],
            ["2019-07-05", 1.2566],
            ["2019-07-08", 1.2407],
            ["2019-07-09", 1.2371],
            ["2019-07-10", 1.2361],
            ["2019-07-11", 1.2364],
            ["2019-07-12", 1.2398],
        ]
      }
    ]
};

What is expected?

The second line display correctly.

What is actually happening?

The second line display incorrectly, it turns back agin.

image

purplepeng avatar Sep 14 '20 12:09 purplepeng

Hi! We've received your issue and please be patient to get responded. 🎉 The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to [email protected]. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

echarts-bot[bot] avatar Sep 14 '20 12:09 echarts-bot[bot]

数据须按日期排序,再输入 echarts ,就不会来回折。

100pah avatar Sep 19 '20 11:09 100pah

日期是已排序的@100pah

purplepeng avatar Sep 21 '20 08:09 purplepeng

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

github-actions[bot] avatar Sep 21 '22 21:09 github-actions[bot]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!

github-actions[bot] avatar Sep 29 '22 21:09 github-actions[bot]