In stock highcharts, when mouse is moved, I want to update the current value field of datagrid for both the lines. Unfortunately, it is updating for signal line when mouse is hovered over a particular line as you can see here:
DEMO : https://stackblitz.com/edit/react-ts-7d ... ckchart.js
I kind of know it is because I'm attaching mouseOver callback to point property of plotOptions as shown below,
Code: Select all
plotOptions: {
series: {
...,
...,
point: {
events: {
mouseOver: (e) => {
const temp = [...stockGrid];
const stock = temp.find((x) => x.name === e.target.series.name);
if (stock) {
stock.currentValue = e.target.options.y;
setStockGrid(temp);
}
},
},
},
},
},
I tried attaching mouseOver event to series field also but I don't know how to extract the right required value with it.
I want to update both lines' current value simultaneously when mouse is moving anywhere in the chart.
2) If you look at the tooltip, I want to get rid of the outer rectangle from all tooltips.
3) In tooltip, as you can see currency is not getting displayed even when I try to read the value from
Code: Select all
Value:{point.y}, Currency: {series.currency}
Code: Select all
seriesOptions[i] = {
name: sd.name,
data: sd.datapoints,
currency: stockData.find((x) => x.name === sd.name).currency,
};