It seems you are not using valid chart options to set the axis range. You can set the range of axisY by setting minimum and maximum properties, please refer documentation for live examples & more customizations available.
—
Vishwas R
Team CanvasJS
Saul,
Glad that you figured it out :)
—
Vishwas R
Team CanvasJS
Please take a look at this video for complete tutorial on connecting and reading data from database in 000webhost.
—
Vishwas R
Team CanvasJS
Saulius,
From the code that you have shared, I observe that you are not re-rendering the chart after fetching data. Rendering chart by calling chart.render()
after updating dataPoints (TotalPower & TotalVoltage) inside getJSON should work fine in this case. Try calling render method and let us know if that works for you.
If the issue still persists, kindly create JSFiddle reproducing the issue and share it with us along with sample JSON so that we can run it locally at our end to understand the scenario better and help you resolve.
—
Vishwas R
Team CanvasJS
Please refer this documentation page for step-to-step tutorial on rendering chart with data from JSON. If you are still facing issue, kindly create JSFiddle reproducing the issue you are facing and share it with us along with sample JSON so that we can run it locally at our end to understand the scenario better and help you resolve.
—
Vishwas R
Team CanvasJS
The example in Gallery seems to be working fine. Please take a look at this working sample for rendering dynamic line chart in React. You can also download sample project from our download page.
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 so that we can look into your code, run it locally to understand the scenario better and help you resolve.
—
Vishwas R
Team CanvasJS
Please take a look at this documentation page for step-to-step tutorial on rendering chart from csv file.
—
Vishwas R
Team CanvasJS
You can use legendMarkerType to change the marker-type of legend and to perform mouseover event on legend, you can use itemmouseover.
—
Vishwas R
Team CanvasJS
Passing x-value in one of the valid JavaScript Date-Formats should work fine in this case. Please take a look at this JSFiddle for an example on parsing date to ISO standard [new Date(“2020-03-05”)].
—
Vishwas R
Team CanvasJS
It seems to be working fine, please refer screenshot below.
Kindly check if canvasjs.min.js script is included properly. If you are still facing issue, kindly share sample project reproducing the issue over Google-Drive or Onedrive and brief us the steps to reproduce the issue so that we can try to reproduce at our end to understand the scenario better and help you resolve.
—
Vishwas R
Team CanvasJS
valueFormatString is used to format the value being shown in axis labels. To format the x-value being shown in toolTip and indexlabel, you need to set xValueFormatString.
—
Vishwas R
Team CanvasJS
Jim,
In order to render chart on the server side you would require a headless browser like PhantomJS. Here is an article which might help.
Please take a look at this sample PhantomJS project, that captures the chart image from web page and saves it to a particular location. Please refer to instructions.txt file for clear understanding.
—
Vishwas R
Team CanvasJS
Indexlabels seems to be working fine across all chart-types including line, spline, area, column, etc. Please check for any typos and check browser-console for any error.
If the issue still persists, kindly create 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 resolve.
—
Vishwas R
Team CanvasJS