Is it possible to create a bubble polar chart with Highcharts? - charts

I'm trying to create a bubble polar chart with Highcharts, is this possible? Documentation isn't clear about this, and my attempts so far haven't been successful.
It would something look like this:

What have you tried? It's just polar chart with series bubble, see: http://jsfiddle.net/ZYKQG/
series: [{
type: 'bubble',
name: 'bubble',
data: [[100,2,3.3],[45,5,3.2],[225,5,3.1]],
pointPlacement: 'between'
}]

Related

How could be the best way of implementing a 3D fft chart?

I'm trying to set up an interactive cascading spectrum chart, but it hasn't been such a trivial thing for me. Here's a picture of the goal I'd like to achieve:
example
It's an fft graph, I have all these points already. Do you have any tips or any examples that I could follow?
I've tried using graphics-specific libraries, but mostly they work either with points only or with surface graphics.
What I have right now is a simple hello world using Babylon JS: https://playground.babylonjs.com/#S7U8U8#1
Any help, guidance, examples will be a matter of great gratitude.
Best Regards,
Matheus
You can use column series in Highcharts with added and enabled 3d module.
Highcharts.chart('container', {
chart: {
type: 'column',
options3d: {
enabled: true,
alpha: 20,
beta: 30,
depth: 400,
...
}
},
...
});
Live demo: http://jsfiddle.net/BlackLabel/nxwd3m2a/
Docs: https://www.highcharts.com/docs/chart-concepts/3d-charts

Not able to getting highcharts legend label in order

i'm trying to show highchart legend in order like this
but im getting like this
please help me how to show in order like in first image
I assume what you want is the columns lined up. That just requires legend.alignColumns = true.
legend: {
alignColumns: true,
width: 500,
},
http://jsfiddle.net/blaird/1fu20j4g/7/
Highcharts has a great API reference. Here's everything you can do to a legend: Highcharts Legend API Reference

How to dynamically change axis from linear to logarithmic in HighChart

I want to dynamically change axis from linear to logarithmic and vice versa in HighCharts. Please see this fiddle example.
yAxis: {
//linear
type: 'logarithmic',
minorTickInterval: 0.1
},
There is a type: String in api For initial declarative chart setup. I want to dynamically change to logarithmic/linear back and forth.
Use axis.update, see: http://jsfiddle.net/ZCecV/1/ (docs: http://api.highcharts.com/highcharts#Axis.update() )

Highstock legend flags

My flag data looks like this:
events = [{"x":1116885600000,"title":"","name":"flag"}, {"x":1116738600000,"title":"","name":"flag"} ...]
Is it possible to show every element of my array "events" in the legend?
My legend only shows the the flag name:
type : 'flags',
data: events,
name: 'flag on series',
cheers
In legends, each item is serie, not points. So you need to prepare each point in separate series, then you achieve all points in legend.

Highchart - tooltip for legends

I am using highcharts to represent data. In my chart based on conditions some series are disabled.
Is there any way to remove the legend itemhoverstyle property for disabled series?
Is there any way to add a tooltip to the legend items?
You can remove the serie from the legend:
series:[{
name: 'serie1',
type: 'line',
data: yourArrayOfData,
showInLegend: false
}]
If you want to change the css on hovering you'll have to change this highcharts-legend style.
To add a tooltip to the legend do something like the following example:
Link