Hi!
Thanks for your reply. Right now my code just looks like this:
Code: Select all
chart = {
'chart': {
'displayErrors': True,
'type':'solidgauge',
'renderTo':'hccontainer_medabr',
},
'title': {'align':'center', 'floating':True,'text':'My gauge', 'y':75, 'spacingTop':10,},
'pane': {
'center': ['50%', '85%'], 'size': '100%', 'startAngle': -90, 'endAngle':90, 'background': {
'backgroundcolor': 'Highcharts.defaultOptions.legend.backgroundColor || \'#EE\'', 'innerRadius': '60%', 'outerRadius': '100%', 'shape': 'arc',
},
},
'exporting': {'enabled': False},
'tooltip': {'enabled': True},
'yAxis':{'stops': [
[0.2, '#55BF3B'], # green
[0.5, '#DDDF0D'], # yellow
[0.8, '#DF5353'], # red
], 'min':0, 'max':1500, 'lineWidth': 0, 'tickWidth': 0, 'minorTickInterval': 'null', 'tickAmount': 2, 'title': {
'y':70,
'text': 'Axis title'
}, 'labels': {
'y':16
}
},
'credits': {
'enabled': False
},
'plotOptions': {
'solidgauge': {
'dataLabels': {
'useHTML': True,
'borderWidth': 0,
'y':6,
}
}
},
'series': [{
'name': 'tbd', 'data': [1201], 'dataLabels': {
'format': '<div style="text-align:center"><span style="font-size:25px">{y}</span><br/><span style="font-size:12px;opacity:0.4">€</span></div>'
}, 'tooltip': {
'valueSuffix': ' €'
}
}]
}
My template looks like this:
Code: Select all
<div class="col-sm-4 col-sm-offset-0 col-md-4 col-md-offset-0">
<h4>My temporary div title</h4>
<div id="hccontainer_medabr"></div>
</div>
Is there anything else I could provide?