Как создать диаграмму «перетащить и выбрать», как в Stackoverflow?

Question

Как создать аналогичное перетаскивание и выбрать диаграмму, или какой плагин Jquery использовать для воспроизведения этого эффекта? График должен считывать значения некоторого вида, чтобы он мог заполнить диаграмму и иметь начальную и конечную точки, теперь выбор можно сделать двумя способами: 1. Перетаскиванием мыши и выбором диапазона значений, или 2. Имея два перетаскиваемые селекторы, которые имитируют начальную и конечную точку графа? Это решение может быть сделано в Jquery, JS, HTML5, CSS3 или каком-либо компоненте .net ...

Дело 1:

Дело 2:

Идеи Eny?

Answer 1

Я люблю использовать Highcharts .Проверьте это демо и посмотрите, соответствует ли оно вашим критериям: http://www.highcharts.com/stock/demo/column

Answer 2

js https://dc -js.github.io / dc.js /

Основано на d3.js и открытом исходном коде.Здесь есть все, что вам нужно.Вы даже можете создавать интерактивные диаграммы.

Если вам нужно больше типов диаграмм, вы можете попробовать https://developers.google.com/chart/interactive/docs/gallery/annotationchart

. Я создал приборные панели с комбинацией этих средств.С помощью которого вы можете обеспечить хорошее взаимодействие с пользователем.

Надеюсь, это поможет