I have different libraries which I am trying to figure our which one works with multiple markers on same single series line chart.
Lets say 1 series is there v = [11, 12, 43, 21, 22]
I want point 11 to be rectangular, 12 to be concentric circle, 43 to be square and 21 and 22 be circle.
I tried going through the docs but could not find anything.
Please let me know if its possible on ZingChart, devexpress chart, telerik chart, flot chart, fusion chart or wijmo chart angularJs libraries.
You can do this with ZingChart very easily. We have a
jsRule
which allows you to define a function. Within the function you return ourmarker
syntax to change the style of themarker
or node as its most common name.Another way is to explicitly code the syntax within our
rules
which is a hardcoded form ofjsRule
.I have added both in the following demo. You can add any attributes from the marker object into the following syntax.
References:
https://blog.zingchart.com/2016/05/09/make-a-custom-tooltip/?q=make%20a%20custom%20tooltip%20in%20zingchart%20using%20functions
https://www.zingchart.com/docs/tutorials/chart-elements/create-javascript-rules/
https://www.zingchart.com/docs/api/json-configuration/graphset/plot/marker/
https://www.zingchart.com/docs/api/json-configuration/graphset/plot/rules/