The issue seems to be happening as you are returning the value as such in labelFormatter without formatting it. You can format the number to fix the number of decimal values by using formatNumber method.
CanvasJS.formatNumber(e.value, "#,##0.##")
Please take a look at this updated JSFiddle for working sample.
Also, please refer to valueFormatString which lets you format the value that appears in axis / parameter that you pass in formatNumber method.
—
Vishwas R
Team CanvasJS
We observed that the react wrapper that you are using is not official wrapper but a 3rd-party one. Using official wrapper seems to be working fine. You can download CanvasJS charting library along with wrapper from our download page and refer to our documentation for step-to-step tutorial on integration. Please download the working sample (official react wrapper) from here.
—
Vishwas R
Team CanvasJS
Adding dummy series to secondary x-axis also works in your case. Glad that you were able to fulfill your requirements :)
—
Vishwas R
Team CanvasJS
You can update the stripline value dynamically using set method when you zoom or pan upon rangeChanged event as shown in this updated JSFiddle.
—
Vishwas R
Team CanvasJS
Thanks for your valuable feedback.
You can either pass the ID of the element where chart has to be rendered or the DOM element itself. This point is already addressed in Getting Started section of documentation. Please refer to the screenshot below.
—
Vishwas R
Team CanvasJS
The lines drawn at every interval of the axis are gridlines, including the line which you are referring. Gridlines are drawn as dashed lines as you are setting gridDashType to “dash”. It’s not possible to just change dash-type of just one gridline as of now. However you can add a stripline at the maximum of the axis to achieve your requirement. Please take a look at this updated JSFiddle for an example on the same.
—
Vishwas R
Team CanvasJS
[UPDATE]
We have just released v3.2.9 Beta-1 with this feature. Please refer to the release blog for more information. Do download the latest version from download page & let us know your feedback.
—
Vishwas R
Team CanvasJS
[UPDATE]
We have just released v3.2.9 Beta-1 with this feature. Please refer to the release blog for more information. Do download the latest version from download page & let us know your feedback.
—
Vishwas R
Team CanvasJS
Charts & StockCharts seems to be working fine. Please take a look at our gallery for variety of interactive & live examples that you can download & run locally at your end.
If you are still facing issue kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into code / chart-options being used, understand the scenario better and help you out.
—
Vishwas R
Team CanvasJS
Please contact sales[at]canvasjs[dot]com for license related queries.
—
Vishwas R
Team CanvasJS
You can customize the font-size of axis-labels using labelFontSize property whereas font-size of indexlabels using indexLabelFontSize.
—
Vishwas R
Team CanvasJS
It seems that you are not using indexlabels in the JSFiddle that you have shared. Can you kindly share appropriate JSFiddle so that we can refer & help you solve accordingly.
If you are trying to change the size of labels (axis-labels), try setting labelFontSize property in axis level.
—
Vishwas R
Team CanvasJS
indexLabelFontSize seems to be working fine across all chart-types including area chart. 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 / chart-options being used, understand the scenario better and help you out?
—
Vishwas R
Team CanvasJS
It seems to be working fine. The difference in time component could be because of time-zone difference. Setting time-zone should work fine in your case. Please refer this stackoverflow thread for more information on the same.
new Date().toLocaleString("en-US", {timeZone: "America/New_York"})
If you are still facing issue, kindly create sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive along with sample data so that we can run it locally at our end to understand the scenario better and help you out.
—
Vishwas R
Team CanvasJS
In case of line & area charts, markers are shown at particular datapoint value which is joined by a line. But in case of candlestick & ohlc datapoint shown itself is a marker which is not connected by any line. However if you like to show markers at some particular points like showcasing high/low value, you can add scatter chart as shown in JSFiddle.
—
Vishwas R
Team CanvasJS