Posted 8 August 2019, 10:39 pm EST
Hi,
I’m having a problem with setting a tooltip on a specific serie.
I have 3 series on the Flex Chart and I would like to have a tooltip on one of them and other two to be empty.
I did this by referring to the example here: https://www.grapecity.com/wijmo/demos/Chart/Features/CustomTooltips/react
Here is my code:
<FlexChart
initialized={props.initMapChart}
chartType="Line"
itemFormatter={props.itemFormatterMap}
style={{ height: 350 }} >
<FlexChartAxis wjProperty="axisX" majorGrid={false} labels={false} />
<FlexChartAxis wjProperty="axisY" majorGrid={false} labels={false} />
<FlexChartSeries
itemsSource={props.reservoirMapContours}
bindingX="ResMapX"
binding="ResMapY"
style={{ fill: 'SteelBlue', stroke: 'SteelBlue'}}
tooltipContent="" >
</FlexChartSeries>
<FlexChartSeries
itemsSource={props.reservoirMapFaults}
bindingX="ResMapX"
binding="ResMapY"
style={{ fill: 'Red', stroke: 'Red'}}
tooltipContent="" >
</FlexChartSeries>
<FlexChartSeries
itemsSource={props.wellAddons}
chartType="Scatter"
bindingX="WAX"
binding="WAY"
symbolSize={3}
style={{ fill: 'Black', stroke: 'Black'}}
tooltipContent={"<b>" + translate("WellName") +": {WellName}</b> <br/>{x} {y}"} >
</FlexChartSeries>
</FlexChart>
But I’m getting the default tooltip on whole chart…
Please help