2015-05-14 3 views
0

Я рисую диаграмму для моего веб-страницы, которые я узнал из этого видео https://youtu.be/qYkkyOzR9jc я пытаюсь добавить ярлык к моей карте, но он не работает, и сделать мой график неправильно здесь мой HTML кодHTML 5 Диаграмма вопрос

<html> 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<script src="JS/dx.chartjs.js"> </script> 

<script type="text/javascript" src="http://cdn3.devexpress.com/jslib/13.1.7/js/dx.chartjs.js"> </script> 


<script type="text/javascript" src="JS/PieChart.js"></script> 


</head> 
<body> 

    <div id="chartContainer" style="border: 1px solid red; "></div> 

</body> 
</html> 

вот мой код JavaScript

$(document).ready(function(){ 

    var dataSource = [ 
     { country: "Russia", area: 1707540}, 
     { country: "Canada", area: 998467}, 
     { country: "USA", area: 937261}, 
     { country: "China", area: 959696}, 
     { country: "Brazil", area: 854700}, 
     { country: "Australia", area: 768685}, 
     { country: "India", area: 328759}, 
     { country: "Others", area: 554545} 
    ]; 

    $("#chartContainer").dxPieChart({ 
     dataSource: dataSource, 
     series: { 
      argumentField: "country", 
      valueField: "area", 
      label: { 
       visible: true, 
       connector: {visible: true} 
      } 

     } 
    }); 

}) 

это мой график без этикетки enter image description here

это моя неправильная схема после добавления метки элемента enter image description here

+0

Вы получаете какие-либо ошибки в консоли? –

+0

есть. нечто вроде этого t.formatHelper._formatNumberCore \t \t @ dx.chartjs.js: 9 –

+0

дум qweroiesjfd –

ответ

0

Как заметил lispHK01, вы пропустили ссылку на библиотеку глобалистского. Ваш html-файл должен выглядеть следующим образом.

<html> 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script> 

<script type="text/javascript" src="http://cdn3.devexpress.com/jslib/13.1.7/js/dx.chartjs.js"> </script> 


<script type="text/javascript" src="JS/PieChart.js"></script> 


</head> 
<body> 

    <div id="chartContainer" style="border: 1px solid red; "></div> 

</body> 
</html> 
Смежные вопросы