Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.01.2017, 20:23
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

c3js как разместить на сайте более одного графика?
Добрый!
Решил воспользоваться фреймворком 3cjs для рисования диаграмм. Удобные примеры на официальном сайте помогли легко разобраться.
<div id="chart" style="padding-top: 100px; padding-left: 120px; width:400px; height:190px"></div>
в скрипте достаточно прописать
var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ]
    }
});


Вот только метод c3.generate(); всегда обращается только к id="chart"
Я что-то не понял а как разместить на сайте более одного графика?
Ответить с цитированием
  #2 (permalink)  
Старый 17.01.2017, 20:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

AleksSergSB,
http://javascript.ru/forum/showthrea...812#post399818
Ответить с цитированием
  #3 (permalink)  
Старый 17.01.2017, 20:30
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Сообщение от рони Посмотреть сообщение
AleksSergSB,
http://javascript.ru/forum/showthrea...812#post399818
намек я так понял на не тот раздел. Сорри.
Ответить с цитированием
  #4 (permalink)  
Старый 17.01.2017, 20:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

AleksSergSB,
можно и в этом разделе, главное помогла подсказка ли нет, плодить темы не надо.
Ответить с цитированием
  #5 (permalink)  
Старый 17.01.2017, 21:12
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Сообщение от рони Посмотреть сообщение
AleksSergSB,
http://javascript.ru/forum/showthrea...812#post399818
Сообщение от Rise Посмотреть сообщение
AleksSergSB, документацию bindto читать не пробовал?
Я наверное ужасно знаю js.
Я пробовал
chart.element = "chart11";
bindto: "#chart11";
bindto: d3.select('#chart11');

график не появляется.
Ответить с цитированием
  #6 (permalink)  
Старый 17.01.2017, 21:21
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Сообщение от Rise Посмотреть сообщение
AleksSergSB, так это ...id="chart"... тоже менять надо.
http://jsfiddle.net/bt56r29q/588/
я не туда вставляю?
Ответить с цитированием
  #7 (permalink)  
Старый 17.01.2017, 21:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от AleksSergSB
я не туда вставляю?
третий раз просьба:
посмотрите пример по ссылке во 2 посте, там показано bindto, три графика
Ответить с цитированием
  #8 (permalink)  
Старый 17.01.2017, 21:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

AleksSergSB,
http://jsfiddle.net/bt56r29q/589/
Ответить с цитированием
  #9 (permalink)  
Старый 17.01.2017, 21:37
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Сообщение от Rise Посмотреть сообщение
AleksSergSB, так это ...id="chart"... тоже менять надо.
Сообщение от рони Посмотреть сообщение
третий раз просьба:
посмотрите пример по ссылке во 2 посте, там показано bindto, три графика
Ааа, точно.
Увидел. Все получилось.
Спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать при покупке товара менялось их количество на сайте noXeZ Элементы интерфейса 3 23.12.2014 02:40
jQuery UI widget и привязка более одного инстанса к элементу LabMapDo jQuery 2 11.09.2014 13:03
Как можно отправить данные с одного сайта на другой с jQuery grigori59 AJAX и COMET 5 21.12.2012 17:25
Как сделать выборку среди детей одного элемента Почемучкин jQuery 4 29.08.2012 00:51
как отменить скролл в мобильном браузере только для одного элемента? mitiya Общие вопросы Javascript 5 09.08.2012 23:38