Описание тега plottable

Библиотека модульных компонентов диаграммы, построенная на D3.
1 ответ

Как заставить qtip2 реагировать на динамический ввод пользователя

У меня есть следующий рабочий код. Он принимает входные данные и отображает гистограмму на основе threshold, "use strict"; var histograms, thresholds = []; var input_data = [{ "threshold": 1.5, "histograms": [{ "sample": "Sample1", "values": [{ "sco…
13 окт '15 в 06:47
1 ответ

Как импортировать Plottable.js

Я довольно плохо знаком с javaScript. У меня проблемы с поиском, как импортировать и использовать библиотеки Plottalbe.js (вместе с D3, который входит в его состав). Может кто-нибудь показать мне рабочий пример файла HTML и.js, который использует Pl…
22 авг '18 в 13:08
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.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…
1 ответ

Как включить легенду в гистограмме Plottable.js

У меня есть следующий скрипт. Это просто график гистограммы в данных данных. "use strict"; var xScale = new Plottable.Scales.Category(); var yScale = new Plottable.Scales.Linear(); var colorScale = new Plottable.Scales.Color(); var primaryData = [{ …
24 сен '15 в 09:20
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 ответ

Как сделать две гистограммы, используя независимый масштаб под Javascript Plottable.js

У меня есть следующий код. Который, если вы нажмете кнопку запуска, вы можете найти два графика гистограммы рядом. Но масштаб у обоих разный. Первая панель имеет масштаб 10^80 и еще один 0 to 1, Теперь, как я могу сделать панель 1, чтобы показать зн…
18 янв '16 в 10:10
1 ответ

Как создать свечный график в plottable.js

Каков наилучший способ создать свечную диаграмму в графике? Я хотел бы сделать что-то вроде этого изображения в вики: пример вики Я думал об использовании составного гистограммы и стилизации его с помощью CSS. Например, самое нижнее значение в баре …
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 ответ

Как добавить горизонтальную линию по оси 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
0 ответов

Замена $ (функции знака доллара) из JS в Typescript не работает

У меня есть приложение angular-2, написанное на машинописном тексте, которое работает довольно хорошо; однако я наткнулся на эту проблему, для которой различные связанные ответы на $-функцию не помогли мне. У меня также есть библиотека "plottable", …
20 апр '17 в 11:44
1 ответ

Гистограмма на оси времени с plottable.js - позиции бара

Как выровнять столбцы с соответствующими датами в библиотеке plottable.js? Данные первого бара взяты с ср. 7, а вторые с чт. 8. Вот пример JSFiddle: https://jsfiddle.net/50yq46cm/3/ function makeBasicChart() { var data = [{"date":1473120000000,"coun…
08 сен '16 в 15:39