Как я могу сделать граф в JavaScript, используя c3.js - PullRequest
Новая
       5

Как я могу сделать граф в JavaScript, используя c3.js

0 голосов
/ 07 октября 2018

Я пытаюсь сделать график в JavaScript, используя chart.js.У меня есть этот код ниже, но когда я запускаю его, страница пуста.этот код является примером, который я видел в Интернете, и он говорит, что он не распознает функцию «генерировать» в файле javascrpt (он не выдает исключение или ошибку, просто помечает слово «генерировать» серым иничего не показывает, когда я запускаю код)

это HTML-код: 

<!DOCTYPE html>
<html lang="en">


<head>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
</head>
<body>
<div id ="myChart"></div>
<script><script src="lol.js"></script></script>
</body>
</html>

это JS-код: 

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ]
    }
});

setTimeout(function () {
    chart.load({
        columns: [
            ['data1', 230, 190, 300, 500, 300, 400]
        ]
    });
}, 1000);

setTimeout(function () {
    chart.load({
        columns: [
            ['data3', 130, 150, 200, 300, 200, 100]
        ]
    });
}, 1500);

setTimeout(function () {
    chart.unload({
        ids: 'data1'
    });
}, 2000);

как я могуэто исправить?Мне нужно сделать график для моего проекта с помощью JavaScript, и я пытаюсь найти способ, как.спасибо!

1 Ответ

0 голосов
/ 07 октября 2018

Кажется, вам не хватает части bindto кода инициализации C3: 

var chart = c3.generate({
  bindto: '#myChart',  // <---- here
  data: {
    columns: [
      ['data1', 30, 200, 100, 400, 150, 250],
      ['data2', 50, 20, 10, 40, 15, 25]
    ]
  }
});
...