my chart is this:
http://www.highcharts.com/demo/3d-scatter-draggable/grid-light
why "min" and "max" of z Axis aren't show in chart ?
Is there a way to show min and max?
And is possible to show a grid also for z Axis ?
like this image:
http://i61.tinypic.com/28a5avn.png
Thank you
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
I have a figure representing y=f(x) and I want to plot it for values of x in the range [10, 300] in log scale using tikz. If I set xmax=1e3 the ticks and minor ticks are as expected. However, when I set xmax=300 the minor ticks dissapear. In the two pictures below I show this behaviour:
\begin{axis}[
legend cell align={left},
legend entries={{Test},{Test Clip},{Train},{Train Clip}},
legend style={at={(0.03,0.97)}, anchor=north west, draw=white!80.0!black},
tick align=outside,
tick pos=left,
x grid style={white!69.01960784313725!black},
xlabel={$\dim(z)$},
xminorticks=true,
xmode=log,
xmin=10, xmax=1e3,
y grid style={white!69.01960784313725!black},
ylabel={PSNR},
ymin=15.8800682154579, ymax=26.0503182019626
]
\begin{axis}[
legend cell align={left},
legend entries={{Test},{Test Clip},{Train},{Train Clip}},
legend style={at={(0.03,0.97)}, anchor=north west, draw=white!80.0!black},
tick align=outside,
tick pos=left,
x grid style={white!69.01960784313725!black},
xlabel={$\dim(z)$},
xminorticks=true,
xmode=log,
xmin=10, xmax=300,
y grid style={white!69.01960784313725!black},
ylabel={PSNR},
ymin=15.8800682154579, ymax=26.0503182019626
]
As you can see the only thing I change is the parameter xmax.
Thank you in advance
I need to add graphic annotations in a chart on the date (x) axis, so I added a new series with a constant value of 0 (x: date, y: 0), with custom image markers. Annotations look like this:
The problem with this approach is that the constant 0 value in the annotation series is messing around with the automatically placed ticks (on the right), which then stretch the whole Y range from 0 onwards, instead of the min and max of other series, as it is by default. That drastically affects the display of other series, whose value are far away from 0, making them look less diverse.
Highcharts comes with an annotation module, bit I didn't find an option to pin it to the axis and use a different graphic.
Is it possible to either:
a) Prevent the annotation series to influence the Y axis ticks?
b) Make customized annotations on the X axis without adding new constant series?
The easiest solution here I think would be to create a new yAxis, and have your constant series use that yAxis. Like this:
yAxis: [{
...//original yAxis
}, {
visible: false //this hides all axis lines, ticks, and labels
}]
Then in the series, you would set:
series: [{
... //Real data series
}, {
yAxis: 1, //constant series
...
}]
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.
I'm stuck with highcharts. I have 2 problems
For design purpose I need to display the y axis on the left also.
The x axis, is set on datetime. and I need to display the last value. Also display a grid line above this last value. The problem is that it goes 5 by 5 years and the last grid needs to be only 3 years wide.
If anyone has some ideas on how to do that. I'm lost between showlabels and tickintervals, and donot seem to find the solution.
There is an xAxis property tickPositions you can use, to specify them explicitly.
http://api.highcharts.com/highcharts#xAxis.tickPositions
http://jsfiddle.net/CsgAv/1/
xAxis : {
tickPositions: [
Date.UTC(1980,0,1),
Date.UTC(1990,0,1),
Date.UTC(2000,0,1),
Date.UTC(2010,0,1),
Date.UTC(2013,0,1)
],
....
}