Pre loader

SciChart Legend and Cursor are not showing after changing the graph layout

Welcome to the SciChart Forums!

  • Please read our Question Asking Guidelines for how to format a good question
  • Some reputation is required to post answers. Get up-voted to avoid the spam filter!
  • We welcome community answers and upvotes. Every Q&A improves SciChart for everyone

WPF Forums | JavaScript Forums | Android Forums | iOS Forums


The SciChart Legend and Cursor Tooltip (Showed only Y axis value) are not display after changing the graph layout.
I need to show the graph legend and Tooltip for all the Y axis.

The chart should also show the x axis value and y axis value on the Tooltip for more clarity.

Before changing the layout the legend was showing the five series vertically one below the other. But i need to show the five legends in horizontally (One after the another).

I have added the chart definition code. The data is added though Ajax call and code for that ajax call is not added.

I have attached the image for your reference.

I have attached the zip file with the html file.

  • Andrew Burnett-Thompson
    Hi Leo, please click the Code button at the top of the forum to ensure code snippets are correctly formatted. Also, if reporting what you suspect is a bug, why not use something like JSFiddle or to show the bug condition? That will allow our engineers to very quickly debug it and provide a solution.
  • Leo Leslin
    I have attached the zip file with the html file to the question raised above, which has the source code with sample data. I need the legend and tooltip to be added to the chart. The legend should be shown in horizontally.
  • You must to post comments


To make the legend display horizontally, configure it like this:
sciChartSurface.chartModifiers.add(new SciChart.LegendModifier({placementDivId: “legend-div-id”, showCheckboxes: true, orientation: SciChart.ELegendOrientation.Horizontal}));

Since you are putting the legend in an external div, you need to make sure that div can size to fit – so remove the fixed width from your legend div in the html.

I noticed scichart throwing some errors which are related to bugs we have recently fixed. This is what is preventing the tooltips displaying. If you update the version to 3.0.0-beta.235 those errors will go away. You also need to update the versions in the SciChart.SciChartSurface.configure lines, or just use SciChart.SciChartSurface.useWasmFromCDN(); which automatically gets the correct version of wasm and data.

You probably do not need both rollover and cursorModifier together. RolloverModifier will place tooltips on each series, which cursorModifier will collect them and show them all by the cursor. For cursorModifier you need to explicitly turn tooltips on with showTooltips:true.

3.0 should be leaving beta really soon – we’re just doing last bits of documentation.


  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.