Discrete markers broken

Codepen

https://codepen.io/mrblur/pen/zevOQO

Explanation

• What is the behavior you expect? Discrete markers should be configurable for specific point at X-axis
• What is happening instead?

1. No marker at all if global marker size is 0. I want a solid linear graph with single marker pointing to a specific value, kind of a “you are here”. Had to guess dependency on global markers and needed to make global markers “invisible” by specifing their size to 1 and putting same color as the graph itself. This workaround is working, however it does a lot of useless rendering - my graph is up to 3000 points, so a lot of markers which aren’t visible.

2. Documentation says discrete marker color is specified with fill and stroke which isn’t true. You need to specify fillColor and strokeColor. Again, had to guess, which was confusing AH together with point 1.

3. The worst part - it isn’t possible to configure discrete marker for first point at all. dataPointIndex: 0 makes marker go away, like not configured. dataPointIndex: 1 makes marker rendered twice - for both first and second point in data series. Other values are working as expected.

4. Since addressing discrete markers with indexes is not working, tried addressing with categories - that does not work at all, you cannot specify an “x” value as dataPointIndex, and using indexes (which is misleading) is broken as described @ pt. 3.

• What error message are you getting? No errors, just doesn’t work like expected 😃

[junedchhipa]

In the current version, you need to set markers.size > 0 to see all markers (whether it is discrete or not)

So, markers code becomes

var options = {
  markers: {
    size: 5,
    discrete: [{
      seriesIndex: 0,
      dataPointIndex: 1,
      fillColor: "#0A0",
      strokeColor: "#FFF",
      size: 7
    }
    ]
  }
};

Update codepen - https://codepen.io/apexcharts/pen/PgPXYO

[vali-m]

@Asmodeios thanks a lot, this workaround is very useful.

This issue is still a problem, for example when using area graph