[Vishwas R]

@himanshu_tanwar,

can the tooltip be shown only when the mouse is over the datapoint?

Tooltip will be shown only when mouse is hovered or near to the dataPoint, when shared property is not set / set to false (defaults to false). But if shared property is set to true, toolTip is shown when you mouse hover the plotArea i.e. the region where dataPoints are rendered.

In the JSFiddle that you have shared, it seems to be working as briefed above.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@satyabratacanvas,

When a region is zoomed axisY range gets updated according to the minimum and maximum dataPoints available within the zoomed range. And resetting the range resets the axisY range accordingly. But when a dataSeries is hidden and if you try resetting the zoomed region, it only resets the axes with dataSeries that are visible and not hidden. Resetting in this scenario doesn’t affect the axes with dataSeries that are hidden.

When you zoom in first 4 dataPoints and try to reset it should work fine, but if you zoom in first 4 dataPoints and try to reset after hiding all the dataSeries the axisY range won’t get affected. Because of this behavior axisY2 range doesn’t reset to its initial state. Resetting chart when all the dataSeries are visible should work fine in your case.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ajeetkumar786,

You can render chart once the chart-container is loaded. Incase of XPages, you need to create and render charts on onClientLoad event. Also the dataPoints that you pass to the chart should be in the format accepted by CanvasJS, I would suggest you to accept valid JSON from input field. Please download working code from Google-Drive.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Streifix,

Glad that you found a way to get desired result :)

In future if you find any issue, I would suggest you to share JSFiddle or Pictorial representation of the issue (or your requirements) so that we can understand your scenario better and guide you accordingly.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Ryan,

Stripline added to second axisX is not displayed as second axisX doesn’t have any range (minimum and maximum of the axis). In case of multiple axes, axis will have it’s range when either dataSeries is attached to the axis or range is defined. You can set range of second axisX to be same as first axisX using get and set methods as shown in this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@npshannon,

Sorry we don’t have definite timeline for next release as we are working on some important features at this point of time.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@himanshu_tanwar,

You can use mouseover of dataPoint level to know over which dataPoint you have hovered the mouse.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@satyabratacanvas,

The issue is happening as minimum and maximum are being updated on hiding and unhiding the dataSeries. I would suggest you to update viewportMinimum and viewportMaximum instead. Please find the code-snippet below.

chart.options.axisY.viewportMinimum = chart.axisY[0].viewportMinimum;
chart.options.axisY.viewportMaximum = chart.axisY[0].viewportMaximum;
chart.options.axisY.interval = chart.axisY[0].interval;

chart.options.axisY2.viewportMinimum = chart.axisY2[0].viewportMinimum;
chart.options.axisY2.viewportMaximum = chart.axisY2[0].viewportMaximum;
chart.options.axisY2.interval = chart.axisY2[0].interval;

Please take a look at this updated JSFiddle for complete code.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@satyabratacanvas,

Can I do the same from an outer function without click on legend ?

You can hide / unhide dataSeries by toggling visible property of dataSeries. Please take a look at this updated JSFiddle, where all dataSeries are hidden / shown on clicking a button.

I do not need legend in my application.

Legends will be shown when showInLegend is set to true, defaults to false. So legends will not be shown in the chart by setting showInLegend to false or by not setting the property at all.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@himanshu_tanwar,

You can add margin to axisY to avoid first label being clipped. Please take a look at this updated jsfiddle.

Alternately, you can remove first label using labelFormatter as shown in this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ayy,

You can use indexLabels to show information about dataPoint ratherthan trying to show toolTip at every dataPoint. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@relationman,

Can you kindly share sample project reproducing the issue you are facing over Google-Drive or Onedrive so that we can look at your code, understand the scenario better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@leo,

You are facing this issue as the dataPoints that you are passing to chart doesn’t have y-value whereas within toolTip contentFormatter you are trying to access y-value, which is basically undefined. Removing y-value within contentFormatter should work fine in your case. Please take a look at this updated jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ayush-sa01,

You can try adding another dataSeries of error type with whiskerLength and stemThickness set to 0. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@relationman,

Just like adding new dataPoints to the chart as shown in the tutorial, you can dynamically create chart as well. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS