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.
Related
I'm facing two problems.
How can I make sure that the whole legend can be seen under the graph? Indeed when the legend is too big three points are added.
My other problem concerns pie charts. How to make all the percentages appear on the graph, by default it puts them only when the place is sufficient on the graph?
Bar Chart problem
Pie Chart problem
Thanks you
Bar Chart Problem : Its the default behaviour. The 3-dots is called ellipses. It is used to truncate the strings to fit the in to the containing box/div. For more info, refer this. This workaround would help you if you wish the axes labels are need to be shown full. In case legend values, please refer this.
Please refrain rom using such long names for the axes as it affects the UX.
Pie Chart Problem : Its the default behaviour of Google Charts to show the values only if the values are sufficient to fit in the place. As a workaround, you can display all the values, in the chart using the option {legend : "labelled"}. Thanks to this Google Forum.
Example JS Fiddle
I have a column chart made with Highcharts and I want to add lines associated with each column showing benchmarks. I know Highcharts has a concept of plot lines, where there is one benchmark value given for the whole chart, but in my case, each column needs it's own benchmark. Here is a super simple example of how I want this to look:
I have some ideas of how I could do this, but they all seem like kind of indirect solutions. I could implement the benchmark lines as another column series, and style them so that only the top of the column shows, or as a scatter series where the "points" are actually lines, but I don't know if either of those are possible and they sound like a complicated way to do something simple. Hopefully I'm just missing an obvious feature of Highcharts.
Does anyone know how to do this? Thanks.
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.
I have been unable to discover how to add a second, identical, y-axis on the right side of the chart. As a side issue, I don't know how to switch which side the y-axis is on. Period.
I have looked into the multiChart type, but it seems as though a data series must be assigned to a specific axis; if I only have one series, the second axis does not show. I have thought about assigning the same series to both axis by duplicating the series, but this is terrible work around.
What is the correct solution to achieve two identical y-axis on both the left and right sides of the lineChart, when using one (or more) series?
You would have to modify the source code to do this -- NVD3 simply doesn't support this. Alternatively, you could add the second axis manually.
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.