Using the new Highcharts 3 boxplot series type, in Firefox, there are some significant issues with the line rendering.
The issue is visible on the Highcharts demo page:
http://jsfiddle.net/highcharts/fWN75/
chart: {
type: 'boxplot'
}
Issues appear to be
1) median line is drawn beyond the containing box by a few pixels
2) whisker lines are drawn into the box by a few pixels, especially on the lower end
3) whisker lines extend beyond end lines by a few pixels occasionally, especially on the
lower end
The question(s):
1) is this a known issue?
2) is there a solution?
So far I do not see this issue in Chrome.
Indeed it looks like a bug, so I've reported it to our devs here:
https://github.com/highslide-software/highcharts.com/issues/1638
Thanks you for suggestion
Related
I have a problem with aligning the SVG component DataPointCircle inside the Victory Scatter Graph.
My main problem is not how it looks but how it acts.
the tooltip and the VictoryVoronoiContainer is acting weird when hovered over the data circles.
When the data circle is hovered it sometimes shows the tooltip sometimes not!, this is more clear on the last data point.
Since I had to do this x={x - 10} y={y - 10} to properly align the data points, I thought that maybe it is causing a distortion.
I need the tooltip and VictoryVoronoiContainer to act normal. I'm 100% if it is an aligning problem or if I need to do something else, suggestions would be lovely!.
Thanks in advance.
Here is a SandBox
https://codesandbox.io/s/YED2ql2mK
The answer was posted in github:
Yes, that [manually add offset props x={x - 10} y={y - 10}] would definitely be causing the issue. VictoryVoronoiContainer calculates the positions of all of your data points. If you move the points around manually, the triggers will no longer match up. I don't think this is something I can fix at the library level. It might be better to add the tooltips directly to VictoryScatter so that they will be attached to your custom point components regardless of how you you manually position them
https://github.com/FormidableLabs/victory/issues/695
Does anyone have any idea how to make a graph like this? It's basically 5 in one chart, each one represents a different dynamic value up to 100%. So like the man running icon would be 60%, scale 85%, sleep 8%, ect.
The icons in the middle obviously won't be part of the graph, they'd be a div overlayed the chart.
Can anyone help? If highcharts will not work, then what will?
I have got a couple of problems with highcharts, I am using a heat map.
The subtitle is covered by the chart, how could I solve that?.
How could I set a max length for each cell? When I have got just a few elements it is really big.
I dont want to show any colour in the background.
I dont want to show the values of the cells.
1) Looks like possibly bug, reported here: https://github.com/highslide-software/highcharts.com/issues/3255
2) have you tried to use max parametr on axis? http://jsfiddle.net/kJpS6/3/
3) See the option http://jsfiddle.net/kJpS6/2/
4) You can disable it by xAxis labels
We recently made the switch from JFreeCharts to Highcharts. And our apps teams build small pie charts (fit in 250 by 400 px) on a dashboard, that usually show less than 8 slices. The pie labels are verbose. Highcharts usually clips them off is what I am seeing.
JSFiddle: jsfiddle.net/9tqSn/18/
It is close to what we see on our system even with word wrapping and such. Our customers also hate the fact that the chart size shrinks when labels are long. Do you plan to have a solution to better fit labels in the plot area?
We are running highcharts-3.0.2
Well, this is known bug in Highcharts, see this report.
Here you can find discussion about positioning dataLabels.
I'm getting a bug in my stacked area implementation when a user filters to a specific line.
In the image linked below, you'll see we're tracking two trends. When I turn off the "Dialup" trend, the orange area should remain where it is. Instead, it moves up to fill the entire area. Likewise, if I were to turn off the orange "Broadband" trend, the green dialup area fills the entire area below it, rather than falling to the baseline as it should.
(stackoverflow will not allow me to post images yet.)
You can see the value in the tooltip remains accurate.
Could anyone provide some insight into what may be causing this? In case this may be a factor, the chart is generated based on a table of data using Highcharts.visualize().
I can see that you're using Highcharts 3.0.0. According to this, there was a bug in this version of Highcharts. If you upgrade Highcharts to the latest version, it should work as intended.