Почему мой график пирога c3.js не отображается?

Это код javascript в тегах html script для круговой диаграммы, которую я взял непосредственно из образцов на c3.js. Он не отображается на странице. Почему это не работает? У меня нет большого опыта в кодировании и даже меньше в javascript, пожалуйста, помогите мне.Почему мой график пирога c3.js не отображается?

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="/css/c3.css"> 
    </head> 
    <body> 
    <div id="chart"></div> 

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
    <script src="/js/c3.js"></script> 
    <script> 
     var chart = c3.generate({ 
     data: { 
      columns: [ 
      ["versicolor", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 
          1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 
          1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 
          1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 
          1.1, 1.3], 
      ["virginica", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 
          2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 
          2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 
          2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 
          2.3, 1.8], 
      ["setosa", 30], 
      ], 
      type : 'pie', 
      onmouseover: function (d, i) { console.log("onmouseover", d, i, this); }, 
      onmouseout: function (d, i) { console.log("onmouseout", d, i, this); }, 
      onclick: function (d, i) { console.log("onclick", d, i, this); }, 
     }, 
     axis: { 
      x: { 
      label: 'Sepal.Width' 
      }, 
      y: { 
      label: 'Petal.Width' 
      } 
     } 
     }); 

     setTimeout(function() { 
     chart.load({ 
      columns: [ 
      ["setosa", 130], 
      ] 
     }); 
     }, 1000); 

     setTimeout(function() { 
     chart.unload({ 
      ids: 'virginica' 
     }); 
     }, 2000); 
    </script> 
    </body> 
</html>

источник

2016-01-10 Sofie

Получаете ли вы какие-либо ошибки в консоли разработчика? – Steve

Что он делает или не делает? –

Ни один из javascript не появится на веб-странице. Я тестировал с помещением текста в тег тела, и это появилось, только javascript не будет. – Sofie

Немного поздно, но я хотел бы предложить решение для тех, кто изучает это позже. Вы загружаете D3 из cdn при загрузке c3 из относительного пути. Возможно, вам нужно будет установить событие window.onload для логики ваших веб-сайтов, поэтому он будет ждать до тех пор, пока все не будет загружено.

function init(event){ 
    //execute code to run after everything is done loading 
}; 
window.onload = init;

источник

2017-11-27 16:06:28 BossmanT

Почему мой график пирога c3.js не отображается?

ответ

Смежные вопросы