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.

Filter by
Sorted by
Tagged with
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'; ...
Kvasir's user avatar
  • 1,221
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 ...
Rabia Zaheer's user avatar
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 ...
Akshay C P's user avatar
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....
Nadya's user avatar
  • 1
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 ...
tom672's user avatar
  • 1
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 ...
add dd's user avatar
  • 31
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 ...
Youngchae Kim's user avatar
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 ...
tom672's user avatar
  • 1
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 ...
marreco's user avatar
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 ...
beoleg's user avatar
  • 13
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. ...
Youngchae Kim's user avatar
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)....
Gracie williams's user avatar
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....
Gracie williams's user avatar
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 ...
Gracie williams's user avatar
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 ...
rink's user avatar
  • 7
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(...
emorling's user avatar
  • 147
-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 ...
td2thinh's user avatar
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 ...
冷汐柠's user avatar
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 ....
td2thinh's user avatar
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 ...
dragonn's user avatar
  • 79
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 ...
Arnis_05's user avatar
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....
rink's user avatar
  • 7
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 ...
emorling's user avatar
  • 147
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....
emorling's user avatar
  • 147
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 ...
rink's user avatar
  • 7
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 ...
emorling's user avatar
  • 147
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?
Arnis_05's user avatar
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 ...
Akshay C P's user avatar
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 ...
rink's user avatar
  • 7
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 ...
abs66642's user avatar
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 ...
冷汐柠's user avatar
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 ....
Karolis's user avatar
  • 336
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 ...
SungamR's user avatar
  • 25
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 }: ...
Arnis_05's user avatar
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 ...
abs66642's user avatar
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 ...
abs66642's user avatar
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 ...
Cosmopolitan's user avatar
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 "...
rink's user avatar
  • 7
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 ...
冷汐柠's user avatar
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 ...
rink's user avatar
  • 7
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 (...
Unknown User's user avatar
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 ...
sebbeq's user avatar
  • 1
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) ....
Rab's user avatar
  • 1
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:
Ali Hadi Ozturk's user avatar
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 ...
Karolis's user avatar
  • 336
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 ...
Gracie williams's user avatar
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: ...
Gracie williams's user avatar
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 ...
Learner's user avatar
  • 167
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 ...
Learner's user avatar
  • 167
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 ...
Learner's user avatar
  • 167

1
2 3 4 5 6