HighCharts - JQuery - 簡單的例子不起作用

這個來自highcharts網站的簡單例子不適用於我（http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-basic/）。HighCharts - JQuery - 簡單的例子不起作用

這裏是我的代碼：

<!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 at a 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>

我剛纔複製過來從的jsfiddle所以不知道爲什麼它不工作！

感謝

來源

2013-04-08 New_programmer

似乎是工作的罰款。什麼具體不適合你。 – 2013-04-08 21:14:53

對不起 - 澄清JSFiddle是從highcharts網站，我試圖複製，讓它在我的服務器上工作，但只是得到一個空白頁。 – 2013-04-08 21:15:39

你的小提琴引用了更新版本的JQuery。 – 2013-04-08 21:18:04

的小提琴被實際使用highcharts代碼http://code.highcharts.com/highcharts.js ..我測試代碼中的這個環節，它似乎是工作。我得到一個控制檯錯誤，highcharts method is undefined...與您顯示的鏈接。

來源

2013-04-09 18:31:47

我不能讓HighCharts演示在本地工作，但發現這個回答另一個問題...

問題是.highchart。使用

var chart = new Highcharts.Chart({ 
chart: { 
    //alignTicks: false, 
    type: 'line', 
    renderTo: 'container' 
}, 
...

}

看到這個頁面： JSFiddle API examples are broken

來源

2013-10-23 17:33:01

HighCharts - JQuery - 簡單的例子不起作用

回答

相關問題