I Was checking out the possibility of implementing a zoomable line chart using Highcharts something that highstock line chart does and came across this example in the demo. This will really work fine for me but I have seen a issue with the chart that When I select complete data in the smaller chart, the Big chart isn't showing anything.
I Want to know how to fix this issue.
When you play with that example and check the JavaScript console for errors, you'll see:
Highcharts error #12: www.highcharts.com/errors/12
Following that link:
Highcharts Error #12
Highcharts expects point configuration to be numbers or arrays in
turbo mode
This error occurs if the series.data option contains object
configurations and the number of points exceeds the turboThreshold. It
can be fixed by either setting the turboThreshold option to a higher
value, or changing your point configurations to numbers or arrays. See
turboThreshold.
Shockingly enough, if increase or disable the turboThreshold, the problem goes away.
Fiddle here.
Related
is it possiable to format the vaxis in google chart to arabic-indic
this is the officially documentation :
Google chart
however i looked through the whole documentation i did not find anything
i have no problem with xaxis the problem with vertical , i need them in format like ١،٢،٣...
There is a solution, but you'll have to use an undocumented feature, which will be documented at some point. You'll need to make this call sometime before you draw your chart.
google.visualization.NumberFormat.useNativeCharactersIfAvailable(true);
This works with material charts prior to v46, and also in classic charts starting with v46. See this example: https://jsfiddle.net/dlaliberte/6k8vdgz7/
You may see some problems depending on what formatting options you also specify.
[EDIT] - Resolved: See final chart in the end.
Infomation
Some background first. I have a line chart that plots power produced by a facility in a very simple line chart. This facility has 5 machines producing this power. Sometimes, these machines have some problem or errors.
I would like to show these errors and for how long they have persisted, per machine, along with the power production chart.
The errors chart
Reading the Highcharts docs I realized that the best way to show that would be in a columnrangechart, inverting it to be a horizontal columnrangechart.
Here is an example (jsfidle):
Obs: Consider the [-6 .. 9 ] axis as a datetime axis
This chart would be read like: Machine 0 had two errors: One from -6 to -1, and another one from 0 to 2, and so on.
Where Am I now?
So, now I tried to make this work together with a line chart. And this is where I can not make it work. My columnrangechart stays in the vertical and not in the horizontal and I can figure how to flip it.
Here is the current state: (jsfiddle)
Question
Is there any way I can plot these two charts together?
[EDIT] Answer
Using #jlbriggs comment's idea, I could come up with the right chart (jsfiddle):
On the previous question I've asked awhile ago
Highchart tooltip show nearest point
I just noticed there is a weird problem happens when implementing the bubble or scatter chart. The chart display correctly but the tooltip won't show, open the console log and mouse hover around the chart and the follow error occurs
Uncaught TypeError: Cannot read property 'series' of undefined
I tried to solve it by detect if chart variable is undefined then do process anything but it still doesn't work.
JSfiddle : https://jsfiddle.net/ittikorns/ygscLp3h/1/
As described by #Halvor Strand, you have just one point, so you should be using shared option. However, it won't work, because Highcharts forces scatter and bubble series to use non-shared tooltip.
Instead, very helpful method Highcharts.splat() will make an array (with just one point) in case when you have an object, take a look: https://jsfiddle.net/o6drjwef/ - the good thing is that splat() doesn't change anything if an array is passed as an argument.
Snippet:
points = Highcharts.splat(args[1]),
I am using d3.js along with dc.js and Crossfilter. As seen on the below image, the chart should end on 12/31/2016 as there is no data after that but keeps on going. Probably stuck at the last value. This is only happening in line chart. When I use a bar chart it does not happen.
Is this a known bug? Not sure what else I can do? I copied the configuration exactly from the dc.js example page (composite chart) and applied my dataset.
Found the problem. My dimensions were based on dates and some records had a typo in them. Instead of 2013, it had 2103 which caused the problem.
Is there a possibility to have fixed axes for the dojo spider chart? I want every axis showing a fixed value range.
Can I prevent dojo from calculating the scale?
Thanks a lot!
I found a workaround for my problem. I just added two series to the spider chart: One series indicates the minimum and the other one the maximum of the desired range.
After chart.render() I removed these series again and added my legend...works very well for me :)
not yet (or you would have to patch it) but there are discussions around that. See: http://bugs.dojotoolkit.org/ticket/14583#comment:5
I just ran into this same problem. The autoscaling axes are causing me all kinds of problems. It make it impossible to display just one data series, and I have other data series that have one variable that's the same for every series and that screws up the whole plot. I don't know why you can't just addAxis, but apparently the spider plot doesn't use those axes.