Dear Ignite Team,
Query:
How to draw step chart with different line color for each breakpoint/step.
You can refer below screenshot for more detail.
Expectations:
we need to draw different colored lines on chart.
Regards,
Umer Waheed
hi @andrew - we break the data to be represented on different line series JSON is attached as you can see we have three layer 2 green and one yellow which is the center one.
https://we.tl/t-lpsddUFO4c
The data is representing in wrong order can you help out want been wrong here ?
Actual:
Expected:
Kindly look into this issue.
Hello Umer,
I am a little bit confused by your most recent update. Can you please elaborate on what you mean by “show other chart as line” in this case?
I am also aware of the private support ticket you have opened. This is also assigned to me, but there is no other built-in way to color the flat parts of the Step Line Series in this case outside of overlaying a separate series over the IgxStepLineSeries. Calculating where this separate series may fall could be challenging in this case though, as the IgxStepLineSeries appears to be plotted differently than a typical IgxLineSeries.
Please let me know if you have any other questions or concerns on this matter.
Is there any way to manipulate to show other chart as line, as we need to show lines like the above for project. Support ticket is being opened as well's there any custom way to achieve this\\ ?
The event arguments of the assigningCategoryStyle event expose a getItems method as well as a startIndex and endIndex property that should act as the parameters of the getItems method. This will return a collection of items corresponding to the start and end indexes that you pass to the getItems method. If you use the startIndex and endIndex properties on the event arguments, this method will have a single item in it, as the event fires for each item.
If you are trying to color the flat areas of the StepLineSeries using this method though, I advise you not to go down this route because this will not work. This method works for coloring something like a column series differently because the different “rectangles” of a column series are different shapes. The various line series in the IgxDataChart are a single path shape, and as such the entire line will take the color that you give the last point. If no color is given, it will fall back on the brush of the entire line.