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

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -