Разработка интерактивных графиков

Вот мое требование.Разработка интерактивных графиков

Мне нужно разработать вид веб-сайта панели инструментов. Поэтому я много искал библиотеки Javascript, которые поддерживают AJAX, Json, а также для интерактивных графиков. Я получил некоторые, но не смог получить выход.

У меня есть база данных, где мне нужно получить данные и преобразовать эти данные в формат json и вызвать этот json-объект с помощью ajax. Все приложение должно быть написано в веб-приложении asp.net.

Итак, пожалуйста, предложите лучшую подходящую библиотеку Javascript, соответствующую всем вышеперечисленным требованиям. Было бы очень полезно, если бы кто-нибудь предоставил несколько примеров или полный код.

Заранее спасибо.

источник

2014-03-18 user3114042

использование charts.js www.chartjs.org/ или Highcharts www.highcharts.com – Shashank

привет Shashank, спасибо за ответ. Я попытался использовать Chart.js, но не может подключиться к базе данных и сделать ее диаграммами, управляемыми базами данных. Также я получаю любые такие примеры. – user3114042

Существует несколько вариантов.

Мне нравится использовать следующие сторонние плагины javascript.

* Highcharts. Очень проста в использовании. очень хорошо документировано. большинство их плагинов бесплатны.

* Flot

* Charts.js < - на основе HTML5. очень красивый взгляд

Используя Highcharts, вы можете загрузить данные asyncronus с помощью ajax. Это пример того, как:

источник

2014-03-18 07:07:05 JuniorCoder

Привет, Спасибо за ответ. Но ни один из них не дал никакого примера, как использовать объект json, который создается из базы данных. :-( – user3114042

Вы не можете напрямую связать библиотеку javascript с базой данных. Вам нужно разработать какое-то среднее изделие. Я включил пример того, как получать данные, например, через веб-службу с использованием высоких диаграмм и ajax. – JuniorCoder

Im using Highcharts my self для интерактивной панели управления в реальном времени в нашем ИТ-отделе – JuniorCoder

Кажется, библиотека Highcharts является интерактивной и полезной для вашего случая. он также использует json для создания диаграмм и имеет несколько типов диаграмм. попробуй.

источник

2014-03-18 07:03:55 Mojtaba

Mojtaba .. Спасибо большое .... Теперь я могу удовлетворить все свои требования, используя HighCharts. Спасибо alot .... – user3114042

@ user3114042 ваш приветственный человек :) – Mojtaba

Попробуйте D3JS имеет встроенные функции JSon (даже CSV и TSV форматы)

http://d3js.org/

Это учебник для JSON ввод данных и преобразование его в диаграмму. Взгляните на его другие видеоролики для остальных уроков.

Некоторые примеры, если вы хотите взглянуть ..

https://github.com/mbostock/d3/wiki/Gallery

источник

2014-03-18 07:10:27

Если вы ищете современных интерактивных javsacript диаграмм, я предложил бы иметь взглянуть на

ZoomCharts.com

пользу из этих графиков - это степень, в которой вы можете контролировать все в них. Также они ориентированы на сенсорное устройство, поэтому вы можете использовать новые устройства.

источник

2014-03-20 10:01:39 jancha

Разработка интерактивных графиков

ответ

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