javascript - HighCharts - JQuery - Simple example not working -
this simple example highcharts website not working me (http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-basic/).
here code:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>untitled document</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://www.highcharts.com/js/highcharts.js"></script> <script type="text/javascript"> $(function () { $('#container').highcharts({ chart: { plotbackgroundcolor: null, plotborderwidth: null, plotshadow: false }, title: { text: 'browser market shares @ specific website, 2010' }, tooltip: { pointformat: '{series.name}: <b>{point.percentage}%</b>', percentagedecimals: 1 }, plotoptions: { pie: { allowpointselect: true, cursor: 'pointer', datalabels: { enabled: true, color: '#000000', connectorcolor: '#000000', formatter: function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; } } } }, series: [{ type: 'pie', name: 'browser share', data: [ ['firefox', 45.0], ['ie', 26.8], { name: 'chrome', y: 12.8, sliced: true, selected: true }, ['safari', 8.5], ['opera', 6.2], ['others', 0.7] ] }] }); }); </script> </head> <body> <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> </body> </html>
i have copied on jsfiddle have no idea why isn't working!
thanks
the fiddle using highcharts code http://code.highcharts.com/highcharts.js
.. tested link in code , seems working. getting console error highcharts method undefined...
link show.
Comments
Post a Comment