Визуализация диаграммы с использованием c3

Я пытаюсь воспроизвести некоторый код для генерации chart using c3. Этот скрипт ничего не делает. Зачем? (Файлы, перечисленные в HREF находятся в той же папке)Визуализация диаграммы с использованием c3

<!DOCTYPE html> 
<html> 
<head> 
    <!-- Load c3.css --> 
    <link href="c3.css" rel="stylesheet" type="text/css"> 

    <!-- Load d3.js and c3.js --> 
    <script src="d3.v3.min.js" charset="utf-8"></script> 
    <script src="c3.min.js"></script> 

    <meta charset="UTF-8"> 
    <title>title </title> 
</head> 
<body> 
    <div id="chart"></div> 
    <script> 
    var chart = c3.generate({ 
    bindto: '#chart', 
    data: { 
     columns: [ 
     ['data1', 30, 200, 100, 400, 150, 250], 
     ['data2', 50, 20, 10, 40, 15, 25] 
     ] 
    } 
}); 
</script> 
</body>

источник

2015-02-14 giulio

Это рабочий пример, так что если график не загружается, вероятно, вы не правильно ссылки на библиотеки C3 и D3.

Зайдите в веб-консоль (использование в Chrome here) вашего браузера, если библиотеки отсутствуют.

Проверить это шаги:

Для установки C3 следуйте инструкциям в руководстве: http://c3js.org/gettingstarted.html
Для D3 вы можете пользователем источник удаленного подключения: http://d3js.org/d3.v3.min.js

источник

2015-02-14 19:27:09 aberna

Я выполнил инструкции по установке, но ошибка «ReferenceError: c3 не определена». Тем не менее, я не ссылаюсь на c3 где-нибудь – giulio

быстрое решение. скопируйте файл c3.min.js в каталог html-файла. Если это работает, начните рассуждать о том, как структурировать ваш проект в каталогах (пример js/c3.min.js) – aberna

Для кого-то после этой нити я бы например, предложить использовать следующие ресурсы сети доставки контента (CDN) для загрузки ваших библиотек D3.js и C3.js:

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css"> 
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>

Я загрузил вашу диаграмму без проблем, кодируя эти ресурсы в разделе <head> моего документа.

источник

2016-03-03 13:21:31 WebFixItMan

Визуализация диаграммы с использованием c3

ответ

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