AngularJS Graphs & Charts - Mix of solid & dotted

111 Views Asked by At

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?

1

There are 1 best solutions below

0
On BEST ANSWER

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