RegressionFormula LABEL2
by kzoon
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px; width: 400"></div>
JavaScript
$(function () {
function addLabels(chart, labels) {
if (!chart.scDataLabels) {
chart.scDataLabels = [];
}
var mygroup = chart.renderer.g('scPlotAreaLabels').add();
var margin = 5;
var left = chart.plotLeft;
var top =chart.plotTop;
for (var i = 0; i < labels.length; i++) {
var mylabel = chart.renderer.label(
labels[i],
left, top,
null,
null,
null,
false,
false,
'test').attr({
fill: 'yellow',
stroke: 'pink',
'stroke-width': 2,
r: 5,
padding: 5
}).css({
color: 'green'
}).add(mygroup);
mylabel.toFront();
var box = mylabel.getBBox();
left += box.width + margin;
}
box = mygroup.getBBox();
if (box.width + margin > chart.plotWidth) {
mygroup.hide();
} else {
var translateX = chart.plotWidth - box.width - margin;
var translateY = chart.plotHeight - box.height - margin;
// mygroup.translate(translateX,translateY);
}
}
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
max: 300
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
}, function (chart) {
addLabels(chart, ['xxxxdfgdfdsfdfgsdfgsdfgsdfg <br/> fgfgyyy','y=dd dsgd g <br/> r2 = 0,22','y=dd dsgd g <br/> r2 = 0,22']);
});
});