本节主要介绍框架的Highcharts图形报表功能(由 小策一喋 整合图表库Highcharts),Demo演示只展示了3种常用的图形报表:3D饼图、折线图及3D柱状图,其它图表类型请根据Hightcharts图表库使用方法生成对应的json数据格式即可,更多图表类型及参数请查看Highcharts中文网
界面调用:
在HTML代码中加入代码:
<div style="min-width:400px;height:350px" data-toggle="highcharts" data-url="chart-lineData.html"></div>图表数据:
图表的JSON数据通过AJAX调用,data-url参数值为图表JSON数据调用地址,Demo演示中的图表JSON数据请进入对应的html文件查看
图表主题:
设置图表主题,在index.html中引入BJUI/plugins/highcharts/themes下对应的js主题文件即可,例如:<script src="BJUI/plugins/highcharts/themes/dark-unica.js"></script>
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
url | string | null | [必选] 图表JSON数据调用地址 |