search

apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.26k stars 1.29k forks source link

Mixed Scatter&Line Plot are broken with datetime axis #4546

Closed hahahannes closed 3 months ago

hahahannes commented 3 months ago

Description

Steps to Reproduce

  1. Create mixed scatter & line chart with datetime x axis
  2. Put more than more data point in the scatter series

Expected Behavior

Scatter and Line plot should be drawn

Actual Behavior

Only the line is drawn. The scatter points are missing. When only one data point is used in the scatter series, it will work.

Screenshots

Reproduction Link

https://codepen.io/hahahannes123/pen/QWRRpZZ

junedchhipa commented 3 months ago

In a mixed chart, you have to specify the markers size, as by default line chart has markers disabled.

Add this to options

markers: {
  size: [0, 6]
}

where 0 is for the line series, while 6 is for scatter series.