Я хочу создать круговую диаграмму на JavaScript. При поиске я нашел API Google Charts. Поскольку мы используем jQuery, я обнаружил, что доступна интеграция jQuery для Google Charts.
Но моя проблема в том, что здесь фактические данные отправляются на сервер Google для создания диаграмм. Есть ли способ предотвратить отправку данных в Google? Я обеспокоен отправкой моих данных третьему лицу.
jqPlot выглядит неплохо и имеет открытый исходный код.
Вот ссылка на наиболее впечатляющие и актуальные примеры jqPlot.
С точки зрения взаимодействия, Flot, безусловно, приблизит вас к построению графиков Flash, насколько это возможно с jQuery. Несмотря на то, что график выводится довольно гладко и красиво, вы также можете взаимодействовать с точками данных. Я имею в виду, что вы можете иметь возможность навести указатель мыши на точку данных и получить визуальную обратную связь о значении этой точки на графике.
Основная версия flot поддерживает круговые диаграммы.
Возможность Flot Zoom.
Вдобавок к этому у вас также есть возможность выбрать кусок графика, чтобы получить данные для определенной «зоны». В качестве второстепенной функции этого «зонирования» вы также можете выбрать область на графике и увеличить масштаб, чтобы более подробно рассмотреть точки данных. Очень круто.
Спарклайны - мой любимый инструмент для создания мини-графиков. Действительно отлично подходит для графиков в стиле панели инструментов (подумайте о панели инструментов Google Analytics при следующем входе в систему). Поскольку они такие крошечные, их можно включить в строку (как в примере выше). Еще одна хорошая идея, которую можно использовать во всех плагинах для построения графиков, - это возможность самообновления. Их демонстрация Mouse-Speed демонстрирует вам в лучшем виде возможности построения графиков в реальном времени.
Надо сказать, что jQuery Chart 0.21 - не самый красивый плагин для построения графиков. Когда дело доходит до графиков, он довольно прост по функциональности, однако он может быть гибким, если вы потратите на это время и усилия.
Добавить значения в диаграмму относительно просто:
.chartAdd({
"label" : "Leads",
"type" : "Line",
"color" : "#008800",
"values" : ["100","124","222","44","123","23","99"]
});
jQchart - странный инструмент, в них встроены переходы анимации и функция перетаскивания / перетаскивания в диаграмму, однако это немного неуклюже - и, похоже, бессмысленно. Если вы правильно настроили CSS, он генерирует красивые диаграммы, но есть и лучшие варианты.
Tuftegraph позиционирует себя как «красивые гистограммы, которые можно показать своей матери». Это близко, Flot красивее, но Tufte действительно очень легкий. Хотя с этим связаны и ограничения - есть несколько вариантов на выбор, так что вы получаете то, что вам дают. Посмотрите на гистограмму быстрого выигрыша.
Множество отличных предложений здесь, просто бросим ZingChart в стек для хорошей оценки. Недавно мы выпустили оболочку jQuery для библиотеки, которая еще больше упрощает сборку. и настраивать диаграммы. Ссылки на CDN находятся в демонстрации ниже.
Я в команде ZingChart, и мы здесь, чтобы ответить на любые вопросы, которые могут у вас возникнуть!
$('#pie-chart').zingchart({
"data": {
"type": "pie",
"legend": {},
"series": [{
"values": [5]
}, {
"values": [10]
}, {
"values": [15]
}]
}
});<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.zingchart.com/zingchart.jquery.min.js"></script>
<div id="pie-chart"></div>Несколько других, которые не были упомянуты:
Для мини-пирожков, линий и полосок Peity великолепный, простой, крошечный, быстрый, использует действительно элегантную разметку. .
Я не уверен, что это связано с Flot (учитывая его название), но Flotr2 довольно хорош, конечно же пироги лучше, чем Флот.
Bluff создает красивые линейные графики, но у меня были небольшие проблемы с его пирогами.
Не то, что я искал, но другой коммерческий продукт (во многом похожий на Highcharts) - это TeeChart.
Chart.js весьма полезен, так как поддерживает множество других типов диаграмм.
Его можно использовать как с jQuery, так и без него.
В этой области появился новый игрок, предлагающий расширенные навигационные диаграммы, использующие Canvas для сверхплавной анимации и производительности:
Пример графиков:
Документация: https://zoomcharts.com/en/javascript-charts-library/charts-packages/pie-chart/
Чем хороша эта библиотека:
Графики бесплатны для некоммерческого использования, также доступны коммерческие лицензии и техническая поддержка.
Вы также можете воспользоваться интерактивными временными диаграммами и сетевыми диаграммами. 
Диаграммы поставляются с обширным API и настройками, поэтому вы можете контролировать каждый аспект диаграмм.
Бесплатно для некоммерческого использования.
Включает плагины для jQuery, Node.js, WordPress, Drupal, Joomla, Microsoft TypeScript и т. Д.
Некоторые скриншоты некоторых демонстраций:
