Is it possible to customize lightningchart like this?

LightningChart JS forum

Moderator: Arction_LasseP

eschao
Posts: 1
Joined: Tue May 17, 2022 7:32 am

Is it possible to customize lightningchart like this?

Post by eschao » Tue May 17, 2022 8:36 am

We're planning to develop our next generation UI with web and looking for an excellent chart JS library to make our data visualize. We are impressed by lightningchart performance, but before using it in our products, we want to know if it can be customized like the attached chart picture without touching any source codes?
1. Like the attached picture, we want to customize lightningchart to show dashed grid or mixed dash lines and solid lines.
2. Like the attached picture, we want to show dBm on the top of axisY and μs on the right of axisX.
Attachments
chart.jpeg
chart.jpeg (115.22 KiB) Viewed 422 times

Arction_LasseP
Posts: 138
Joined: Wed Mar 27, 2019 1:05 pm

Re: Is it possible to customize lightningchart like this?

Post by Arction_LasseP » Thu May 19, 2022 7:33 am

Hello,

As mentioned in this topic viewtopic.php?f=31&t=2527
we recommend asking LightningChart JS related questions on other platforms such as StackOverflow.

In any case, the short answers to your questions are:
1. Dashed lines are not yet supported, but we are planning to include them in the next JS release coming this summer. Solid lines are supported.
2. This is difficult to do with the axis titles themselves, but you can use ChartEventMarkers or UIElements to achieve this quite easily. UIElement is most likely the best option.

Code: Select all

chart.addUIElement(UIElementBuilders.TextBox)
.setText('µs')
.setPosition({ x: 95, y: 10 })
Best regards,
Lasse