javascript - Highcharts - how to set textShadow for data labels -



javascript - Highcharts - how to set textShadow for data labels -

i'm trying set textshadow property style of info labels doesn't work (ignored):

var chart = new highcharts.chart({ chart: { renderto: 'container' }, xaxis: { categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'] }, plotoptions: { series: { datalabels: { enabled: true, style: { fontweight:'bold', textshadow: "2px 2px #ff0000", } } } }, 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] }] });

http://jsfiddle.net/tjfby/

is there way apply drop shadow info labels? reason create labels similar graph line.

if working in fiddle, should alter current jquery library (you working jquery 1.4)

you need load hightcharts api.

<script src="http://code.highcharts.com/highcharts.js"></script>

and should remove 'comma' (,) next textshadow: "2px 2px #ff0000" line, many browsers don't render script code sintax errors (especially ie)

check fiddle fixed

javascript highcharts

Comments

Popular posts from this blog

iphone - Dismissing a UIAlertView -

c# - Can ProtoBuf-Net deserialize to a flat class? -

javascript - Change element in each JQuery tab to dynamically generated colors -