Angular gauge support

[vijayalakshmiv]

Is angular gauge type officially supported in highcharts. There is no documentation or demo for the same , but googling does reveal github sources where this feature is available.Hence, I would like to know whether this support is available in the licensed version of Highcharts also?

[seba]

Hi,
It is avaliable with 2.3Beta library version, so look at http://www.highcharts.com/component/con ... ts-in-beta

Thanks
Sebastian

[vijayalakshmiv]

Hi

Thanks for your prompt reply. I am able to implement a gauge type chart:

http://jsfiddle.net/EjRLw/184/

Is it possible to increase the thickness/width of the plot band such that it occupies more space in the chart?

[seba]

Yes, you can modify it, by means of two parameters in plotBands

Code: Select all

innerRadius: '100%',
outerRadius: '102%'

Check example:
http://jsfiddle.net/EjRLw/189/

Thanks

[vijayalakshmiv]

Hi

I see the following error in my pie chart on including "http://code.highcharts.com/v2.3Beta/highcharts-more.js"

firstAxis.options.plotBands is undefined. Line No: 72 highcharts-more.js and chart never gets rendered.

Is there any extra file which I am missing here?

[seba]

Have you the newest version of jquery?

[vijayalakshmiv]

Yes I am using jquery 1.7.2 http://code.jquery.com/jquery-1.7.2.js. I also notice that the same conflict is happening with line charts as well.

[vijayalakshmiv]

Is it possible to align data label at a point where the needle is currently positioned instead of a box in the centre?

[vijayalakshmiv]

Is there a solution to this error firstAxis.options.plotBands is undefined. Line No: 72 highcharts-more.js ?

It happens during each refresh of the page where highcharts-more.js is being used. It had become a serious issue and I am unable to render charts after the dial chart.

[seba]

As I'm seeing example from my previous reply, it works properly, but something was modified in script? It is possible to prepare "not working example" in jsfiddle?

[Fusher]

This is known bug and already fixed: https://github.com/highslide-software/h ... ssues/1155

[vijayalakshmiv]

Hi

Thanks for providing the link. But on including the three changes files , I see the following errors and dial doesn;t appear on the chart:

• extend is not defined (Pane.js line no:11)

• Axis is not defined (RadialAxis.js line no:1)

• this.plotGroup is not a function ( highcharts-more.src.js line no:1123)

The following is the order in which I have included these files:

<script src="Highcharts/js/highcharts.js" type="text/javascript"></script>
<script src="Highcharts/js/highcharts-more.js" type="text/javascript"></script>
<script src="Highcharts/js/highcharts-more.src.js" type="text/javascript"></script>
<script src="Highcharts/js/parts-more/Pane.js" type="text/javascript"></script>
<script src="Highcharts/js/parts-more/RadialAxis.js" type="text/javascript"></script>
<script src="Highcharts/js/modules/exporting.js" type="text/javascript"></script>

I suppose I am missing something really basic. Please help.

[vijayalakshmiv]

Can someone please respond to this post? Any pointers would be very helpful.

[seba]

If you have highcharts-more.src.js you should not have highcharts-more.js, because it is excatly the same but only in different format.

[vijayalakshmiv]

Ok now I have removed highcharts-more.src.js. I see the following errors now

Axis is undefined
extend is undefined.

Note that I see these two errors when I merely include RadialAxis.js and Pane.js in my page. I feel I am missing something very obvious.May be you can figure out better.