AngularJS Graphs & Charts – Mix of solid & dotted

Issue

I’ve been working with ZingChart & AngularJS to print some graphs & charts.

I’ve searching for graph that it solid in the end is dotted, something like:

grpah

There is a way to do so? maybe with other framework\library other then ZingChart?

Solution

Thanks for reaching out. A mix of solid and dotted lines is quite easy to implement with ZingChart using rules. Inside a series entry, add a rules property that will change the line style from solid to dashed after a node index value as shown below.

"rules": [
    {
      "rule": "%i > 4",
      "line-style": "dashed",
    }
  ]

I’ve attached a screenshot of the result and a demo for your reference.

I hope this helps. Please feel free to reach out in case you have more questions.

enter image description here

Answered By – lasabahebwa

Answer Checked By – Robin (AngularFixing Admin)

Leave a Reply

Your email address will not be published.