Bar Chart Series Label from another series

jstheriault

<p>is there a way to set a bar chart's series labels using values from another series?</p>
<p> </p>
<p>The actual problem is this. I have a side-by-side bar chart with 2 series. For series 2, I want to display the label as the percentage of its value with respect to the value of the first series.</p>
<p> </p>
<p>So if I have 2 bars with values:</p>
<p>Series 1: 300</p>
<p>Series 2: 150</p>
<p> </p>
<p>I want the label on bar 2 to show 50%</p>
<p> </p>
<p>This would be using and HTML5 chart, preferably.</p>
<p> </p>
<p> </p>

jstheriault

<p>an answer to my own question:</p>
<p> </p>
<p>Use client-side scripting:</p>
<p> </p>
<p>beforeGeneration: function(options)</p>
<div>{</div>
<div> options.series[1].dataLabels.formatter = function( ) {</div>
<div>    var col1 = options.series[0].data[this.point.x].y;</div>
<div>    return (100* this.point.y / col1).toFixed(1) + "%";</div>
<div> };</div>
<div>},</div>