Highcharts - temperature gauge -


the 1 drawback highcharts can see doesn't seem have resembling thermometer gauge in gauge library. can see might able fiddle using eg 1-column barchart or similar, doesn't start thermometer ie color-fill bulb @ bottom or rounded base.

have overlooked way of doing or missing highcharts repertoire? highcharts care comment please?

but rather sound i'm going out of luck highcharts on one, shame such simple modification exisitng shape.

don't give easy. highcharts tool; if doesn't want out of box, yourself. being software developer about.

for instance, fiddle combines svg image of thermometer column chart in 36 lines of code. need polish can going.

enter image description here

$(function () {         $('#container').highcharts({             chart: {                 type: 'column',                 marginbottom: 53             },             credits: {                 enabled: false             },             title: null,             legend: {                 enabled: false             },             exporting: {                 enabled: false                },             yaxis: {                 min: 0,                 max: 100,                 title: null,                 align: 'right'             },             xaxis: {                 labels: false             },             series: [{                 data: [60],                 color: 'red'              }]         }, function(chart) { // on complete          chart.renderer.image('http://www.clker.com/cliparts/p/w/e/k/u/d/blank-fundraising-thermometer.svg', 0, 0, 256, 400)             .add();              }); });  

Comments