apexcharts.js icon indicating copy to clipboard operation
apexcharts.js copied to clipboard

Order of series in mixed charts causes bugs

Open brenkao opened this issue 6 years ago • 1 comments

Codepen

https://codesandbox.io/s/series-order-causes-bugs-ucqpm

Explanation

  • What is the behavior you expect? I expect the mixed chart to properly graph the x position based on the data supplied.
  • What is happening instead? When column is before line in the series, the behavior is correct. When line is before column, the column's x value data is ignored. The x values are 2008 and 2015, but the bar graph shows 2008 and 2009 if column is after line.
  • What error message are you getting? No error messages.

brenkao avatar Sep 05 '19 17:09 brenkao

Hello! I think I am facing a similar issue here. When I try to render a columns chart, I have the following configuration:

const state = {
  options: {
    chart: {
      animations: {
        enabled: false
      }
    },
    xaxis: {
      categories:["2023-04", "2023-05", "2023-06", "2023-07", "2023-08", "2023-09"]
    },
    legend: {
      showForSingleSeries: true
    }
  },
  series: [{
    name: 'series-1',
    data: [{x: "2023-05", y: 49}, {x: "2023-09", y: 60}]
  }]
};

Though series-1 has only two value pairs for 2023-05 and 2023-09, the bars always appear from the beginning (2023-04, and 2023-05). Am I using ApexCharts in the wrong way?

image

Thanks!

gluckzhang avatar Sep 29 '23 08:09 gluckzhang