Questions tagged [lightningchart]
Use this tag for questions regarding LightningChart JS or LightningChart .NET. Also add either javascript or c# tag to differentiate which library the question is related to.
273
questions
0
votes
1
answer
20
views
Swap AxisX and AxisY using Lightningchart library
I'm using lightningchart library and would like to create a ChartXY with an AreaSeries attach to it. To do so I write this code using React and TypeScript :
import { useEffect, useRef } from 'react';
...
0
votes
1
answer
27
views
Cannot set the alpha value of individual data point in point series of Lightning Chart JS
I'm using Lightning Chart JS to plot a point series of data points, each with a unique 'quality' attribute that should dictate the alpha (opacity) of that point on the chart. Despite setting the alpha ...
2
votes
1
answer
32
views
LightningChart DateTime axis not zooming to less than 1 day
I'm trying to create a lightning chart using lcjs.iife v3.4.0. Its X axis is in DateTime format. I could not zoom the X axis to less than 1 day time limit using axis.setInterval() function. Bigger ...
0
votes
0
answers
37
views
How to modify data cursor value in Lightning Chart - ViewXY?
I am using DataCursorXY to show the values of the X and Y axes. However, when I move the mouse over the line series, the X-axis value inside the cursor table doesn't match the X-axis label time format....
0
votes
0
answers
47
views
LightningChart stops updating when in background
Does anyone know how to prevent LightningChart from slowing down, almost pausing when the window displaying a constantly updating chart (e.g. a live data stream) is in the background?
For example, if ...
0
votes
0
answers
16
views
How to set the starting point of the y-axis in a line chart to turn the line into a curve
in lightningchart, How to set the starting point of the y-axis in a line chart to turn the line into a curve
My current effect is too abrupt, the value may suddenly become very large or small after ...
0
votes
1
answer
31
views
How can I leave the NaN values unfilled on HeatmapGridSeries(LightningChart)?
I'm plotting a spectrogram using LightningChart's HeatmapGridSeries.
By default, it colors NaN values the same color as 0.
How can I leave the NaN values unfilled?
Below is my test code.
It fills NaN ...
0
votes
0
answers
55
views
LightningChart -- real-time data monitor
I am trying to create a (near) real-time data monitor using LightningChart.
The data is pushed every 3 seconds and 6 seconds worth of data is pushed every time.
So I tried using this example to create ...
0
votes
1
answer
29
views
can't modify input data on chart LCJS
I'm using LightingChart JS for creating some scrolling line charts.
I followed through an official tutorial by the devs on Youtube and it worked fine with automatic generated data. Now i want to ...
0
votes
0
answers
26
views
Is there a opportunity to prevent default fit behavior in LighningChart JS?
I want to apply my intervals for X and Y axes in case of fitting. And left the default fitting box on the dragging from left to right.
I want prevent default logic of fitting and create own logic by ...
1
vote
1
answer
47
views
LightningChart crashes when I draw a spectrogram using HeatmapGridSeries
While looking for a way to draw spectrograms in a web browser, I came across LightningChart.
I'd like to draw something similar to the one above using the community version of LightningChart.
...
0
votes
1
answer
24
views
remove black background in constant line in lightningchart
when I add constant line its adding some black background behind the line , this is happening in line series too , how do i disable this effect only on constantline
axis.addConstantLine(false)....
0
votes
1
answer
33
views
How to get X value of chart in lightningchart on mousemove
i want to get x value of chart when mouse is moved over the chart
chart[key].onSeriesBackgroundMouseMove((obj, ev)=>{
console.log('test');
const point = obj.engine.clientLocation2Engine(ev....
0
votes
0
answers
15
views
disposeTickMarkerX is not defined
I am migrating from version 3 to 4 and I am getting error for following code
chart[unique].setAutoCursor(cursor => cursor
.disposeTickMarkerX());
I get following error ,
Uncaught ...
0
votes
0
answers
29
views
How to limit the number of decimal places in scientific notation?
Under type "linear-highPrecision", when the number is large, the axis ticks will be converted into a scientific notation like this.
I wonder if there is a way to shorten the number of ...
0
votes
0
answers
9
views
LightningChartJS synchronizeAxisIntervals causes X-axis to "overflow"
The X-axis of my first chart "overflows" after calling synchronizeAxisIntervals.
synchronizeAxisIntervals(...charts.map((chart) => chart.getDefaultAxisX()));
chartL.getDefaultAxisX().fit(...
-1
votes
1
answer
30
views
How to "release" the X Axis after calling chart.zoom()?
I set the scroll strategy to setScrollStrategy(AxisScrollStrategies.progressive) and on page loaded the chart is scrolling very fast because my data is coming in fast. However I worked around by ...
0
votes
0
answers
16
views
Can I modify the default fit behavior of the right-click box selection
LightningChart Version: 4.0.2.
Now the right-click box selection will adaptively zoom to all the data visible, but I want the Y-axis of the chart to be blank at the top and bottom
enter image ...
0
votes
2
answers
174
views
Drawing Real Time Timeseries Line Chart with Lightning Chart JS?
I'm trying to draw real time chart with data coming Websockets, it's been great but I can't get the X axis to work like I want it to, right now I got it as
const axisX = chart
....
0
votes
0
answers
11
views
lightningchart.js Box Series 3D highlight a single box and get it's value
Working on a project using this example https://lightningchart.com/lightningchart-js-interactive-examples/edit/lcjs-example-0907-3dBoxRounded.html
Is they an option to highlight on mouse hover a ...
0
votes
0
answers
17
views
Changing rowIndex of chart inside Dashboard
I'm using a Dashboard to synchronize the X-axis of multiple charts. When creating an instance of the Dashboard, I specify that it should have 6 rows. In my application, the user can add or remove ...
0
votes
1
answer
29
views
Y-Axis fitting does not work for LineSeries when Y-Axis data is constant
My expectation is that the Y-axis will fit correctly whatever the data is.
This is my code about "setScrollStrategy" and "addArrayY"
const chart = lightningChart().ChartXY()
chart....
0
votes
1
answer
11
views
Understanding which Series and Item an AutoCursor has snapped to in Lightningchart JS?
I have added two OHLCSeries to my chart. And the AutoCursor snaps between them. What event should I be listening to in order to capture when the AutoCursor has snapped to a new target? How do I figure ...
0
votes
0
answers
14
views
How to add custom row data to the CursorResultTableFormatter
This is the example for how to format the Result Table. But I can't figure out how to add custom data? For example RSI, or MACD or anything to the candle.
Any pointers would be appreciated.
OHLCSeries....
0
votes
1
answer
30
views
Waveform jitter occurs after a certain time
My expectation is that the waveform to remain stable for a long time without jitter when the project runs for a long time.
My problem is that after running my project for about 20 minutes, a waveform ...
0
votes
1
answer
18
views
LightningChart JS PolygonSeries capturing mouse interactions
I am using v3.4.0 and adding a Polygon Series. I don't want the shapes in the series to capture any mouse events. It's currently capturing mouse clicks, which are intended for the background, and ...
0
votes
0
answers
41
views
Error in node_modules in lightning chart "TypeScript error: Property 'setPattern' is not assignable to the same property in base type"
I updated the version of Lightning Charts from 3.4.0 to 4.1.0, and now I'm experiencing these errors. How can I resolve them?
1
vote
0
answers
27
views
LCJS AreaSeries FillStyle misbehaves on chart containing 2 series
Requirement
Want to setup a chart which updates progressively. When user gives a trigger, series should change the color of currently updating part for a short time (Color of the whole chart should ...
0
votes
0
answers
31
views
Memory leak question between 3.4.0 and 4.0
When I ran this example in v3.4.0 with vue, there is a memory leak. JS heap memory keeps increasing.
But I didn't find this problem when I ran it directly in the web example(v4.0).
Is there is a ...
0
votes
1
answer
28
views
Can we format AxisTickStrategies.Time to show the Date as well at the beginning of the graph?
Specifically the use case I am looking for is I have a list of timestamps on my X Axis and a list of Numeric values on Y axis. I want the X Axis formatting to show the Date and the Time, I was able to ...
0
votes
1
answer
19
views
Can I set the width of AixsY?
LightningChart Version: 4.0.2.
enter image description here
Can I align the two charts by setting the y-axis width to a constant value? Is there any other property or method to achieve this effect?
I ...
0
votes
1
answer
17
views
Custom UIButtonPicture in LightningChartJS
I use setPictureOff and setPictureOn to set icon for ButtonBox element like this:
const container = chart.addUIElement(UILayoutBuilders.Row);
container
.addElement(UIElementBuilders.ButtonBox
....
1
vote
1
answer
30
views
How do I limit the range of the X-axis to existing data on LightningChart version 4.x
In version 3.x I can do this with onScaleChange
onScaleChange(listener: (start: number, end: number) => void): Token;
The following code works fine on 3.x and prevents the user from zooming out in ...
0
votes
1
answer
34
views
The range slider disappears after removing a chart from the dashboard
I have a component with methods:
ngOnInit(): void {
this.chartEventsService.onTrackAdded$$
.pipe(debounceTime(this.DEFAULT_DELAY_MS), untilDestroyed(this))
.subscribe(({ track }: ...
0
votes
1
answer
39
views
Does LightningChart Shared Axis functionality support stacking 2 line series on top of each other with multiple Y Axes and a shared X Axis?
I have a requirement to create stacked Line Charts on top of each other. Basically I want to create 2 Y axes and have them share a common X axis. These two Y axes should be stacked on top of each ...
0
votes
1
answer
53
views
setInterval() functionality for Axis in LightningCharts.js gets overridden?
Hi I am attempting to use LightningCharts.js for a particular Line Chart use case. The xAxis points are all Unix TimeStamp Epochs and the yAxis points are the actual target values which I wanna see ...
0
votes
1
answer
26
views
Repainting line serie with updated data on scale change
I have a line serie, let's call it duration. Duration should render at the bottom om the chart, whatever the bottom is based on 15 other line series in the chart. So basically I'm only really ...
0
votes
1
answer
27
views
How to set a Theme's numericTickStrategy?
LightningChart Version: 3.4.0.
This is my code. I tried to set the "numericTickStrategy" property of "lightNew" theme globally, but it doesn't works.
MyDemo
I can use "...
0
votes
1
answer
35
views
How to get the value of Point when Adding custom markers to lcjs chart
I'm trying to use a constant line to mark values, but I don't know how to get the value corresponding to the curve it intersects.
the same with this question:Adding custom markers to lcjs chart
const ...
0
votes
1
answer
30
views
Border of XY coordinate region
In version 3.4.0, the XY coordinate area of the lightNew theme has no top and right borders.
I want to modify the border of the lightNew theme.But I didn't find the attribute I wanted in the 3.4.0 ...
0
votes
0
answers
38
views
UWP LightningChart Showcase crash
App name: LightningChart Showcase UWP from MS store.
Hardware: i9-12900K - I'm using build-in GPU
Application crash after opening certain build-in examples.
Issue: When I try to open heatmap example (...
0
votes
0
answers
25
views
LegendBox scrollable?
Currently having my graphs legend entries overflowing when there are more than 12 entries, and ideally i'd like to atleast allow for 30 entries. Any tips as to how I could accomplish scroll overflow ...
0
votes
0
answers
52
views
Drag a Point to new location polar heatmap, point series
I cannot move/drag a data point to a new location. I can create a point using
const pointSeries = polarChart
.addPointSeries()
.setMouseInteractions(false)
.setCursorEnabled(false)
....
0
votes
1
answer
35
views
Lightningchart show axis on series without taking space
i'm trying to create transparent axis and show it on the line series. I want to see line series under the axis bar. Is is possible? How can i do it?
for example:
0
votes
1
answer
99
views
How to customize Y axis cursor formatting in LightningChart ChartXY?
When you move the mouse over this line chart, you can see the marker on the Y axis showing the current Y value. I want to change the displayed value but have no idea how this element is called in the ...
0
votes
0
answers
69
views
Hide and show chart container in lightningchart js
how do I toggle the chart visibility ,
in version 3.4 I just used jquery to $("#container").toggle(); , it used to hide/show the container...
But now When I do the same in version 4.0.0 I ...
0
votes
1
answer
26
views
Place title inside the chart of LighningChartJS
When I add title to chart it's creating padding above the chart. How to make the title appear inside chart?
chart.setTitle("title");
I tried padding on chart, this one hides the title:
...
0
votes
0
answers
25
views
Tooltip indicator on axis displaying different data than the data plotted on chart
I have multiple y axis and x axis of chart which I change using setInterval based on different criteria
After those changes the cursor displaying values on y axis and x axis displays different value ...
1
vote
1
answer
43
views
Getting violations on lightningChart
Please find attached screenshot showing violations that I am getting on using lightning chart line chart. I am not sure what is causing those violations. Is there a way to find what might be causing ...
0
votes
1
answer
49
views
Issue with ticks displaying on setting setVisible false for default x axis after updating lightningchart js
I have updated lightningchart js to 4.0.0.
Migration guide suggested removing dispose and adding setVisible(false).
So I followed the same and I noticed on setting setVisible(false) for default x axis ...