I have requirement - For Series 1, user circle legend symbol & for series 2, use diamond legend symbol. How to force / set this in highcharts ?
Related
I am using highchart , and there is a gap there in the red frame.(between 2 slice) How can I remove it ?
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 am trying to update our old chart rendering engine to Highcharts.
How can i draw a chart like this with Highcharts?
example
I think maybe there is some way to combine the polar chart and pie chart but still not find out how to do it.
How about instead of combining polar and pie charts, use only polar chart? I prepared an example for you where I am using four series. The first one has disabled grouping and enableMouseTracking and it is treated as a background. I also modified pointPadding and groupPadding to be able to display series exactly as in the provided image. Take a look at the example below.
API Reference:
https://api.highcharts.com/highcharts/plotOptions.column.grouping
https://api.highcharts.com/highcharts/plotOptions.column.pointPadding
https://api.highcharts.com/highcharts/plotOptions.column.groupPadding
https://api.highcharts.com/highcharts/plotOptions.series.enableMouseTracking
Example:
http://jsfiddle.net/6hjefrcu/
the problem is you are adding the pie chart after the polar chart and the pie got on top of polar so you have 2 solutions
1.- add the pie chart before the polar chart
2.- play with zIndex; set zIndex of polar to 1 and zIndex of pie chart to 0 or in your code just set pie chart zIndex to -1
chartRender.addSeries({
name: 'score-template',
type: 'pie',
slice: false,
pointPlacement: 'between',
data: [
50, 80, 30
],
zIndex: -1
});
http://jsfiddle.net/z3Lr2z54/2/
I opened the basic column chart using Highcharts and now I need to make little customization. I would like to change the color of the plot band that is visible when I place the mouse pointer within one category on X axis. I tried to use the xAxis -> plotBand option, but it only changes the color with specific start and end values. How could I change this color on mouseover?
This is some example, how I would like it to look: https://www.dropbox.com/s/ilxhd99xo8pwn7v/Zrzut%20ekranu%202015-09-05%2020.20.17.png?dl=0
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.