The problem starts with the fact i have a very small area to plot a chart and i need to have markers on it as well. Now because of the small area, the markers are getting cut off and they are a key piece of information. So is there any way by which i can add some spacing between the border of the plot and the actual start of the data plot itself ?
Heres a running example: https://dl.dropboxusercontent.com/u/138190/charts/index.html
Set minPadding and maxPadding for xAxis. This will work as long, as yod don't have scrolling/panning options enabled.
Related
I have three pie charts displayed in a row. Two have two segments, one has five. All three have vertical legends.
Given that, the chart with five segments displays the pie slightly smaller, due to the extra height of the legend. It also has a slight negative vertical offset.
Is there any way I can set all three charts to render the chart in the same position? I've tried setting the center to 50%,50% in plotOptions, didn't help.
You have to set the marginBottom-Value of the chart to a value that is equal an all charts. Highcharts is trying to display the pie as big as possible, therefore it will use more space if the legend is not as big.
By setting the marginBottom you force the chart to ignore the actual legend size.
The center: ['50%','50%'] setting will only take into account the actual plot area. So if this area is decreased because of a taller legend it has no effect.
I made a jsfiddle where you can explore this settings:
http://jsfiddle.net/doc_snyder/dsmgy6ts/
I am using core plot framework for drawing the line graph in iPhone and it is working fine.I am displaying system time on X- axis and Temperature on Y- axis.I need to draw the cross hair vertical line that indicate the selected value on the line graph. for example
I would highly appreciate if someone can give me some suggestion to solve this issue.
Thanks in advance.
You can use another axis or scatter plot to draw the line. Using an axis is simpler if all you need is a single horizontal or vertical line. Set all of the tick and grid line styles to nil and use the orthogonalCoordinateDecimal to position it in the correct location. There is a demo using a scatter plot to draw a crosshairs over the selected point in the Mac version of the CPTTestApp example app.
I am designing an HighCharts bubble chart (a matrix with coloured fields, drawn using SVG), that should have some text explaining the axis values outside of the actual chart area.
That is, because the axis values are A-E and need a lengthy explanation (A = Always exceeds goals bla bla etc.).
These explanations should be visible - next to the chart, not in it, and not in tooltips because these cannot be printed.
My question: Can I put SVG <text/> outside of the plot area? HighCharts seems to stretch the plot area as far as it can, leaving no space to either side.
You can use text text and define css styles i.e: position:absolute;left:20px;top:20px;
How to auto adjust plot lines in live plot
for example:Plot line i set to value:1.25 and random data are coming between 1-2.plot line will be visible.this works fine.suppose random data coming in the range 100-200,plot line will become hidden. i want to adjust plot lines irrespective of random data we generate.plot lines always visible.
set the max plot line value to any fixed number plots the plot line.
from then onwards the plot line will be visible. if the value of plot lines is very small compared to the scale then it may be tough. in this case go for a logarithmic scale. That will help.
yAxis:{
type: 'logarithmic'
}
updated your fiddle at http://jsfiddle.net/z6QXW/12/
hope this will help you
Using highstock v1.2.2 I am trying to set a few red marker points on a line series with approximately 8000 points.
However, the marker points are only displayed when the data is not being grouped.
When i increase the size of my navigator and the data is grouped, the marker points are no longer displayed.
I searched the highstock api and didn't find anything helpful. All i found was this issue: Fixed issue with disappearing point markers after switching from non, that was fixed about a year ago.
I also tried to increase the turboThreshold attribute with no luck. So how can i display marker points on a large data set when the points are grouped?
You say that you set "a few" marker points. In that case, the markers will disappear when those individual points are grouped with other points, since the global option is that markers are disabled.
As an alternative, you should consider using flags for the points you want to emphasize. Or to make them look like regular point markers, you can even use a scatter series on top of the line series.