It’s not possible to position single chart in multiple places in a page. However, you can create multiple charts with same chart-options and position it based on your requirements. Please take a look at this JSFiddle.
—
Vishwas R
Team CanvasJS
Samyukta,
The sample provided by @manoj-mohan seems to work fine with your case. Please take a look at this updated JSFiddle.
—
Vishwas R
Team CanvasJS
You can add dummy stripline with transparent color and position it below the actual stripline as shown in this JSFiddle.
In order to help us in understanding the issue, please have a reproducible demo of your chart.
This one step can assure you a speedy response. Fork out our template JSFiddle and reproduce the chart at your end. Try to keep it to the bare minimum by removing unnecessary code.
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 times we can just edit your code on JSFiddle to fix the issue right-away.
—
Vishwas R
Team CanvasJS
Can you 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 out?
—
Vishwas R
Team CanvasJS
Please take a look at this Sample Project which shows rendering column chart in JSP with data from Oracle Database.
—
Vishwas R
Team CanvasJS
Column charts are rectangular bars with lengths proportional to the values that they represent – which are vertical whereas bar charts are horizontal. Column and Bar charts have different orientations which can’t be changed.
—
Vishwas R
Team CanvasJS
Colors in the colorset is mapped with the datapoints i.e., 1st color will be applied for 1st datapoint, 2nd color to the 2nd datapoint, and so on. Updating colorset before every re-render will change the colors of datapoints on re-render of the chart.
—
Vishwas R
Team CanvasJS
When dataseries gets hidden the corresponding labels of the datapoint also gets hidden because of which it starts showing the x-values of that datapoint.
—
Vishwas R
Team CanvasJS
You can change the color of any datapoint by setting color property. Please refer documentation for more information along with live example.
You can also have custom color-set in the chart, please refer documentation for more information.
—
Vishwas R
Team CanvasJS
In gallery example, it accepts x and y-values from database and pass it to chart options as array_push($dataPoints, array("x"=> $row->x, "y"=> $row->y));
. Changing it to accept z-values array_push($dataPoints, array("x"=> $row->x, "y"=> $row->y, "z"=> $row->z));
and changing type to “bubble” should work fine for you.
If you are still facing issue, kindly create sample project reproducing the issue you are facing and share it with us along with sample database over Google-Drive or Onedrive so that we can run it locally at our end, understand the scenario better and help you resolve.
—
Vishwas R
Team CanvasJS
Sorry, combination of line and horizontal bar (bar chart) is not possible as of now. However you can combine vertical bar (column chart) and line chart, please take a look at this example.
—
Vishwas R
Team CanvasJS
Rendering charts (that are hidden initially) after onClick should work fine in this case.
If you are still facing the issue, 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 out.
—
Vishwas R
Team CanvasJS
Please take a look at this Gallery Demo for an example on rendering chart with data from database. You can also download PHP Samples from our download page and try it locally.
—
Vishwas R
Team CanvasJS