Bootstrap-это фронтальный инструментарий, разработанный бывшими дизайнерами Twitter Марком Отто и Джейкобом Торнтоном, который предоставляет элегантные спецификации HTML и CSS. Bootstrap - это не просто фреймворк, а скорее, он меняет всю игру. Эта структура значительно облегчает дизайн и разработку многих приложений и веб -сайтов, и она популяризирует большое количество HTML -каркасов в продукты.
Диаграмма компонентов. Это похоже на оплачиваемый компонент HighThart. С точки зрения эффекта, все еще существует небольшая разница между бесплатными и платными продуктами, но он может почти удовлетворить потребности нашего проекта с точки зрения функциональности. Следующий сценарий JS в основном записан, чтобы облегчить конфигурацию диаграммы.
/*** Получите новый элемент конфигурации диаграммы* @param color rgba color* @param type type type: line, bar, radar, polararea, pie, donut* @param Название Покажите заголовок диаграммы* @param Y-ось* @returns Возвращает параметры конфигурации диаграммы*/function getNewConfig (цвет, тип, заголовок, метка, категории, data) {var founal = color; var config = {type: type, параметры: {respence: true, Legend: {disploy: false: 'внизу'}, hover: {mode: 'label'}, scales. true, scalelabel: {display: false, labelstring: 'month'}}], yaxes: [{display: true: true, scalelabel: {display: false, labelstring: 'value'}}]}, заголовок: {display: true, text: title}}}; var dataSet = {label: label, data: decall: alselshol: grandashl: grandashl: grandashl: grandashc, graperd: Фон, FounalColor: Founder, Pointbordercolor: Founder, Pointbackgroundcolor: Founal, Pointborderwidth:}; var data = {labels: категории, наборы данных: [dataSet]}; config.data = data; return config;}Метод вызова:
<canvas id = "chart_weixinmember"> </canvas> var color = 'rgba (,,,.)'; var Categories = ["-", "-", "-", "-", "-", "-"-","-"-", "]; Рост в последние дни »,« Новые участники WeChat добавили в тот день », категории, данные); var ctx = document.getElementbyId (" chart_weixinmember "). getContext (" d "); var weixinmembercountChart = new Chart (ctx, config);Показано эффекты:
Примечание. Используйте приведенный выше код для обозначения chart.js,
Сайт и документация в диаграмме китайского языка:
http://www.bootcss.com/p/chart.js/
http://www.bootcss.com/p/chart.js/docs/
Настройте английский веб -сайт и документацию:
www.chartjs.org
www.chartjs.org/docs