[Manoj Mohan]

@heni,

The JSFiddle shared above shows how to detect and add indexLabel to hammer dataPoints(candles).

—–
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@gregs,

It seems to be working fine across browsers & devices. Chart elements may look blur on changing the zoom level within the display setting of browser or windows. Resetting zoom level to 100% should work fine in this case. CanvasJS Charts supports retina / HiDPI display since v1.3.

If you are still facing the issue even after resetting the zoom level in the browser and windows, kindly create JSFiddle reproducing the issue and share it with us so that we can look into the issue and resolve it.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@sksingh20,

In link shared by you … I am looking for y value to be displayed on chart for most higher value of x.
Like in specific case to this jsfiddle link , I am looking for y value on chart for highest x value i.e, 90.

You can achieve this by looping through the dataPoints to find the maximum x-value and adding indexLabel to the dataPoint that has highest x-value as shown in this JSFiddle.

If this doesn’t fulfill your requirements, kindly create JSFiddle with your use-case, so that we can understand the scenario better and help you out?

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.

Having a JSFiddle with your use-case helps us in figuring out the issue and suggesting an appropriate solution accordingly.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@heni,

Hammer pattern in a Candlestick chart can be detected based on the dataPoint y-values as explained in this article. Please take a look at this JSFiddle for an example on adding indexLabel when the hammer pattern is found in a dataPoint.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@memtex889,

Sorry, date-time values over axisY are not supported as of now.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@hifitodd,

Sorry, it’s not possible to show multiple stacked columns for same x-axis value as of now.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@sksingh20,

Can you kindly share a pictorial representation or JSFiddle with your use-case, so that we can understand the scenario better and help you out?

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.

Having a JSFiddle with your use-case helps us in figuring out the issue and suggesting an appropriate solution accordingly.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ppradhan,

Can you kindly create a JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the scenario better and help you out?

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.

Having a JSFiddle helps us in figuring out the issue and many a time we can just edit your code on JSFiddle to fix the issue right away.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@priyanka-kumari,

The labels are shown at every interval based on interval and intervalType. As you are setting the interval to 1 and intervalType to month, label is shown at ‘March 1, 2020’. And the x-value of the dataPoint / column that’s been shown is ‘March 2, 2020’. Alongside as you are hiding the date in axis label and just showing month, it may seem like not aligned. Showing date and month by setting valueFormatString to “DD MMMM” makes it clear that the position of labels is proper. Please take a look at this updated JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@hifitodd,

Stacked Column Charts are plotted when multiple Column Charts with aligned x values are plotted over the same x-axis. Changing type property from “column” to “stackedColumn” should let you render stacked-column instead of column.

If this doesn’t help you fulfill your requirements, kindly share a pictorial representation of your requirements and brief us more so that we can understand it better to help you out.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@sksingh20,

Can you kindly share JSFiddle with your use-case and brief us further so that we can understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@dk,

Can you kindly share a pictorial representation of your requirement so that we can understand your scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@emjbr,

The chart is animated only once when render() is called. Since you are using jQuery plugin of CanvasJS, it will call render() automatically once the chart is initialized. So, to animate the chart on scroll, you need to initialise chart on scrolling to the desired position as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@imaginary,

Adding click event to label is not possible as of now. However, you can achieve drill-down by using click event handler on dataSeries level as shown in this example.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Sravanthi B,

You can set the indexLabel to empty string(” “) for all the smaller dataPoint value.

—-
Manoj Mohan
Team CanvasJS