ElementStacks
HTML
<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px; width: 500px"></div>
JavaScript
chartvote = new Highcharts.Chart({
chart: {
renderTo: 'container',
//inverted: true,
type: 'bar',
events: {
//load: requestDataLive
},
},
title: {
text: 'WM-Sounds Live-Voting'
},
plotOptions: {
series: {
marker: {
enabled: true,
}
},
bar: {
dataLabels: {
enabled: true,
align: 'left',
color: '#CCCCCC',
style: {
fontWeight:'bold',
fontSize: '14px'
}
}
}
},
yAxis: {
title: { text: 'Likes' },
endOnTick: false,
},
xAxis: {
// Werden dynamisch eingefügt
categories: ['Lorem ipsum dolor sit amet, consectetur adipiscing elit',
'Nulla eleifend rhoncus felis, in sollicitudin nisi tincidunt sit amet',
'Nulla gravida purus id lacus consequat ac molestie mauris feugiat'],
labels: {
align: 'right',
rotation: -10,
style: {
fontWeight:'bold',
fontSize: '16px'
},
y: 0,
}
},
series: [{
showInLegend: false,
//colorByPoint: true,
// Werden dynamisch eingefügt
/*data: [ { y: 12, color: '#FFFFFF'}, {y: 16, color: '#FF0000'}, {y: 16, color: '#00FF00'} ]
}]*/
data: [209, 193, 34]
}]
});
// -------------------------------------------- ( HIGHCART/END )