1
Я совершенно новый в highchart, я начал учиться, и я пытаюсь отобразить простую круговую диаграмму в html, но она не работает. все выглядит нормально для меня, я не знаю, что не так. highchart не заполняется.Высокий график не заполняется
<!DOCKTYPE html>
<html>
\t <head>
\t \t <meta charset="utf-8">
\t \t <title>Final</title>
\t \t <!--Bootstrap source start-->
\t \t <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
\t \t <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
\t \t <!--Bootstrap source end-->
\t \t
\t \t <!--highchart source start-->
\t \t <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
\t \t <script src="C:\Users\Global Soft\Desktop\HighChart\js\highcharts.js" type="text/javascript"></script>
\t \t <script src="http://code.highcharts.com/modules/exporting.js" type="text/javascript"></script>
\t \t <!--highchart source end-->
\t \t
\t \t
\t \t <!--Charts starts here-->
\t \t <script type="text/javascript">
\t \t $(function(){
\t \t \t var charti;
\t \t \t $(document).ready(function(){
\t \t \t \t charti=new Highcharts.Chart({
\t \t \t \t \t chart:{
renderTo:'pie',
\t \t \t \t \t \t plotBackgroundColor:null,
\t \t \t \t \t \t plotBorderWidth:null,
\t \t \t \t \t \t plotShadow:false \t \t
\t \t \t \t \t },
\t \t \t \t \t
\t \t \t \t \t title:{
\t \t \t \t \t \t text:'Browser market shares at a specific website, 2014'
\t \t \t \t \t },
\t \t \t \t \t
\t \t \t \t \t subtitle:{
\t \t \t \t \t \t text: ' Pie Chart'
\t \t \t \t \t },
\t \t \t \t \t tooltip: {
\t \t \t \t \t \t pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
\t \t \t \t \t },
\t \t \t \t \t plotOptions: {
\t \t \t \t \t \t pie: {
\t \t \t \t \t \t \t allowPointSelect: true, \t \t
\t \t \t \t \t \t \t cursor: 'pointer',
\t \t \t \t \t \t \t dataLabels: {
\t \t \t \t \t \t \t \t enabled: false \t \t
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t showInLegend: true
\t \t \t \t \t \t }
\t \t \t \t \t },
\t \t \t \t \t
\t \t \t \t \t series:[{
\t \t \t \t \t \t type:'pie',
\t \t \t \t \t \t name:'Browser share',
\t \t \t \t \t \t data:[
\t \t \t \t \t \t \t ['Firefox',45.0],
\t \t \t \t \t \t \t ['IE',26.8],
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t name:'Chrome',
\t \t \t \t \t \t \t \t y:12.8,
\t \t \t \t \t \t \t \t sliced:true,
\t \t \t \t \t \t \t \t selected:true
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t ['Safari', \t 8.5],
\t \t \t \t \t \t \t ['Opera', \t 6.2],
\t \t \t \t \t \t \t ['Others', 0.7]
\t \t \t \t \t \t ]
\t \t \t \t \t \t \t \t \t \t
\t \t \t \t \t }]
\t \t \t \t
\t \t \t \t \t
\t \t \t });
\t \t \t
\t \t }); \t
\t });
\t \t \t
\t </head>
\t
\t <body>
\t \t
\t \t <div class="container">
\t \t \t <h1 align="center"><a href ="#">Different charts in one page</a></h1>
\t \t \t <!--First chart-->
\t \t \t \t \t <div class="col-md-6"> \t \t
\t \t \t \t \t \t <div id="pie" style="min-width: 300px; height: 300px; margin: 30 auto"></div> \t \t
\t \t \t \t \t </div>
\t \t \t
\t \t </div>
\t </body>
</html>
Я думаю, что ваш путь к Highcharts ошибочен. Откройте консоль JavaScript (инструменты веб-разработчика) и проверьте ошибки. И jsFiddle не работает, потому что вы не включили Highcharts и jQuery. –
Я согласен, но в моем html-коде я включил highchart, хотя его не работает – Varun
Посмотрите скрипку http://jsfiddle.net/e1v1kq1m/ Я думаю, что это то, что вы ищете. Я просто обновил ваш. – R4nc1d