I'd like to show something like below, i see that bubble chart supports only number/literals on XAxis but I want to plot x axis as time, Y as Number value and Z (bubble) as number.
Is it possible
Related
I want something like the below screenshot in Highcharts with dateaxis (x-axis), filling colors in the series based on x, y axis start and end values.
Have you tried zones? This is an option available from the API:
https://api.highcharts.com/highstock/series.area.zones
Please refer the fiddle codehttp://jsfiddle.net/yuvarajkumarg/az290eyq/1/
In Highchart of type Chart, when we plot for height = 0 and pressure = 2, we get a gap as shown in jsfiddle. I want point to be plotted on the X-axis(2,0). But the graph looks like it is plotted on (2,2) since the y-axis plot starts way above the x-axis. How to remove the gap ?
The issue is the categorized axis.
There are probably a few ways around the issue, but I would do it this way (on your xAxis):
tickmarkPlacement: 'on',
min:0.5,
max:6.5
Example:
http://jsfiddle.net/az290eyq/2/
You could also do it by not using categories, and using the axis label formatter in order to display the numeric sequence that you need.
[[ edit for comments:
For the min and max values - the x axis values for a categorized axis are the category array index values. So the first category is x = 0, the second is x = 1, etc.
Because Highcharts puts the the label in the center of the value's space, setting the min/max to the actual min/max value +/- 0.5 will align the center of the space with the start/end of the axis.
So, you can calculate this dynamically by using 0.5 for the min, and counting the categories array and using (count -1.5) as the max.
Additionally, setting the tickmarkPlacement proerty to 'on' moves the tick mark to the center of the space as well, aligning the ticks with the start/end of the axis as well.
How can we change the y axis of each line chart and colum chart .
I attached the sample.I want to change the y axis data of line to right side and change the colum data to left side.
How can we make it possible
You can look into changing the opposite property for the axis.
http://api.highcharts.com/highcharts#xAxis.opposite
Note, for highstock the default value is the opposite of for highcharts
http://api.highcharts.com/highstock#xAxis.opposite
For LineChart I used
XYMultipleSeriesRenderer mRenderer=new XYMultipleSeriesRenderer();
mRenderer.setXAxisMin(0);
mRenderer.setXAxisMax(30);
When I use the same for TimeChart, my graph disappears, only the layout is visible. Is there any other way I can display a fixed number or points on my graph?
This is because the X axis range for a time chart is much wider, given by the values returned from the getTime() method in Date.
I am using highcharts for the first time, and I am trying to figure out how to set the Y axis points static.I would like to know how to set y-axis values as -0.0000000001,0.00000000,0.0000000001 and so on in Highcharts.
I have used min=-0.0000000005 and max=0.0000000005 , and the points on y axis come up as 0,0.0000,0.0000... Wherein I want it as -0.0000000001,0.00000000,0.0000000001
You can use label formatter and Highcharts numberFormat then return correct values.