JavaScript - xChart의 기본 구현

방금 xChart에 대해 알았고 공식 페이지의 문서에서 직접 배우려고했습니다. 나는이 차트를 나중에 사용할 수 있도록 기본 쇼에 아래 코드를 적용했지만 차트는 단순히 그림에 나타나지 않습니다. 어떤 아이디어? 감사.JavaScript - xChart의 기본 구현

내 코드 :

<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
    </head> 
    <body> 

     <figure style="width: 300px; height: 300px" id="myChart"></figure> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
     <script src="js/d3.js"></script> 
     <script src="js/xcharts.css"></script> 
     <script src="js/xcharts.js"> 
      var data = { 
       "xScale": "ordinal", 
       "yScale": "linear", 
       "type": "bar", 
       "main": [ 
        { 
         "className": ".pizza", 
         "data": [ 
          { 
           "x": "Pepperoni", 
           "y": 12 
          }, 
          { 
           "x": "Cheese", 
           "y": 8 
          } 
         ] 
        } 
       ], 
       "comp": [ 
        { 
         "className": ".pizza", 
         "type": "line-dotted", 
         "data": [ 
          { 
           "x": "Pepperoni", 
           "y": 10 
          }, 
          { 
           "x": "Cheese", 
           "y": 4 
          } 
         ] 
        } 
       ] 
      }; 
      var myChart = new xChart('bar',datai,'#myChart'); 
     </script> 
     <?php 
     // put your code here 
     ?> 
    </body> </html>

출처

2014-11-20 rencsaridogan

var data = {

...

 var myChart = new xChart('bar',datai,'#myChart');

아래 사용 귀하의 변수 이름은 위의 "데이터"없습니다 "타이"입니다

출처

2015-03-05 09:21:45

JavaScript - xChart의 기본 구현

답변

관련 문제