Описание тега plottable.js
Plottable.js - это библиотека Javascript для создания интерактивных веб-диаграмм поверх D3.
1
ответ
Установить всплывающую подсказку на графике plottablejs из директивы Angular
Я получил угловую директиву, которая отображает линейный график. Но мне нужно установить всплывающие подсказки со значением, когда курсор наводит линию на график. Я получил что-то вроде этого: var plot = new Plottable.Plots.Line() .addDataset(ds) .x…
05 май '17 в 09:36
2
ответа
Основной математический 101 точечный график с Plottable.js
Как создать базовый точечный график, подобный приведенному ниже, с помощью Plottable.js? Что-то не так с моим JSON? Как выявить минус шкалы? Вы сделали бы что-нибудь еще по-другому? Стиль не имеет значения, по умолчанию Plottable.js один хорошо. win…
24 мар '15 в 15:07
3
ответа
Как изменить размер графика в Plottable.js
Я использую Plottable.js, чтобы нарисовать диаграмму на своей странице. Я хотел бы изменить размер графика при изменении размера окна. Я попытался установить размер с помощью css (а также svg width и height) безуспешно. Вот моя попытка установить че…
15 окт '15 в 06:48
1
ответ
Как отформатировать точность чисел до двух десятичных знаков в метках Piechart Plottable.js
У меня есть этот код: var store = [{ Name:"Item 1", Total:18.73424242 }, { Name:"Item 2", Total:7.34311 }, { Name:"Item 3", Total:3.1235535}, { Name:"Item 4", Total:12.763574}]; var colorScale = new Plottable.Scales.Color(); var legend = new Plottab…
07 дек '15 в 01:11
1
ответ
Plottable.Plots.Rectangle создание ректов шириной 0
У меня есть следующие данные: [{ "date": "2016-10-12T00:00:00.000Z", "parameter": "end_brick_temperature", "value": 61.3, "color": "green" }, { "date": "2016-10-12T00:00:00.000Z", "parameter": "percentage_of_expected_messages_received", "value": 99.…
20 окт '16 в 10:17
1
ответ
Как создать круговую диаграмму с помощью Plottable.js
Я попытался создать круговую диаграмму, используя Plottable.js. Кто-нибудь знает как? Я запутался в том, как передать значение и вставить метку. Вот мои примеры данных: var store = [{ Name:"Item 1", Total:18 }, { Name:"Item 2", Total:7 }, { Name:"It…
16 окт '15 в 07:09
2
ответа
Как я могу определить, была ли нажата правая кнопка мыши на графике?
Plottable Click Interaction не передает обратный вызов какому-либо событию (синтетическому или иному), поэтому я не могу найти способ определить, какая кнопка была нажата. Кто-нибудь подключал правую кнопку мыши к графику?
01 авг '16 в 18:53
1
ответ
Пользовательская анимация в линейном графике plottable.js
Я пытаюсь использовать пользовательскую анимацию в plottable.js при обновлении данных. Ниже мой код: - <script type="text/javascript"> var xScale = new Plottable.Scales.Category(); var yScale = new Plottable.Scales.Linear().domain([0,30]); var…
14 дек '15 в 09:17
0
ответов
Plotly.js - многослойная временная ось
Есть ли способ создать временную ось, используя Plotly.js, аналогичный решению Plottable.js? Пример тут. Я планирую перейти на Plotly.js, но действительно влюбился в эту презентацию оси времени, и, поскольку мне приходится строить множество временны…
05 фев '19 в 07:43
1
ответ
Как покрасить GuideLine в Plottable.js?
Я пытаюсь найти простой способ покрасить GuideLineLayer из Plottable.js. Я попробовал следующее до сих пор. 1) пытаясь использовать attr() внутри onAnchor()Это добавляет attr к g элемент, содержащий line элемент, но, кажется, не имеет никакого эффек…
31 мар '16 в 10:18
2
ответа
Стрелки на отрезках линии
Я использую график сегмента, чтобы показать несколько линий на графике. Как сделать так, чтобы у этих линий были стрелки на концах?
29 мар '16 в 05:22
0
ответов
Использование plottable js в Typescript - какие-нибудь примеры или учебные пособия?
Итак, я новичок в обеих этих технологиях, и у меня нет опыта работы с D3. Я был взволнован Plottable, так как я делаю небольшой проект в Typescript и JS. Тем не менее, я застрял с примерами. Пока я получил несколько наборов данных для формирования л…
16 авг '18 в 13:46
1
ответ
Как проверить исходное значение в форматере меток с помощью plottable.js?
У меня есть относительно простая гистограмма с использованием Plottable. Все столбцы начинаются с 0, но третий столбец может быть отрицательным и менять цвет. Для отображения таким образом, для третьего бара я использую Math.abs(value), Проблема в т…
10 июн '16 в 08:44
1
ответ
Создайте столбчатую диаграмму Plottable.js с использованием того же набора данных
Я пытаюсь создать столбчатую диаграмму с использованием plottable.js из того же набора данных. Является ли это возможным? Вот мой примерный набор данных var data = [{ x: 0, y: 1, m: 10 }, { x: 1, y: 1, m: 9 }, { x: 2, y: 3, m: 5 }, { x: 3, y: 2, m: …
15 окт '15 в 10:47
1
ответ
Как создать свечный график в plottable.js
Каков наилучший способ создать свечную диаграмму в графике? Я хотел бы сделать что-то вроде этого изображения в вики: пример вики Я думал об использовании составного гистограммы и стилизации его с помощью CSS. Например, самое нижнее значение в баре …
02 дек '15 в 09:45
2
ответа
Включить внешний скрипт bootstrap.js в однофайловые компоненты Vuejs
Я использую несколько внешних библиотек для построения диаграмм с подсказками в приложении vue. Я использую однофайловые компоненты У меня есть рабочая скрипка, но я не смог перевести ее в рабочий компонент. Методы попытки: Загрузите 3 сценария с по…
17 окт '17 в 18:44
1
ответ
Условное удаление метки из графического Javascript Piechart
У меня есть следующий код: window.onload = function(){ var store = [{ Name:"Item 1", Total:18 }, { Name:"Item 2", Total:7 }, { Name:"Item 3", Total:3}, { Name:"Item 4", Total:12}]; var colorScale = new Plottable.Scales.Color(); var legend = new Plot…
02 дек '15 в 09:55
1
ответ
"Недопустимое значение для <path>" при создании круговой диаграммы в Plottable/D3.js
У меня есть код из трех частей (HTML и JavaScript). Их можно скачать здесь : index.html <!doctype html> <html> <head> <meta charset="UTF-8"> <!-- Later add new CSS to define the placement of the legend, fold change etc --&…
03 дек '15 в 07:14
1
ответ
Как добавить горизонтальную линию по оси Y в Plottable.js
У меня есть следующий работающий код в JavaScript Plottable.js. var data = [{ x: 1, y: 1 }, { x: 2, y: 3 }, { x: 3, y: 2 }, { x: 4, y: 4 }, { x: 5, y: 3 }, { x: 6, y: 5 }]; var xScale = new Plottable.Scales.Linear(); var yScale = new Plottable.Scale…
02 авг '16 в 04:38
1
ответ
Невозможно разобрать объекты
var data = [{ x: 'A', y: 3 }, { x: 'B', y: 2 }, { x: 'C', y: 4 }, { x: 'D', y: 3 }]; var xScale = new Plottable.Scales.Category() var yScale = new Plottable.Scales.Linear() var xAxis = new Plottable.Axes.Category(xScale, "bottom"); var plot = new Pl…
26 фев '17 в 23:57