Java鬼吹灯刷宝石_README.md · 灯下黑鬼吹灯/highcharts2javatag - Gitee.com

# highcharts2javatag

通过自定义标签实现highcharts 3D图表展示，借鉴了Android适配器的思想，通过固定的数据源，展现相关图表，无需考虑图表内部实现。

**演示地址:**

http://dtmonitor.tunnel.qydev.com/highcharts2javatag/

-----------------Lombok-----------

官网地址：

https://projectlombok.org/

GitHub:

https://git.oschina.net/duhongming/lombok.git

-----------------highchart插件highchartTable-----------

官网地址：

http://highcharttable.org/

GitHub：

https://github.com/highchartTable/jquery-highchartTable-plugin

待定(直角坐标系图表展示)：

http://www.hcharts.cn/test/index.php?from=demo&p=95

**Maven:**

```xml

com.google.code.gson

gson

[2.6.2,)

org.projectlombok

lombok

[1.16.8,)

org.jsoup

jsoup

[1.8.3,)

commons-dbutils

commons-dbutils

[1.6,)

```

**3D条形(柱状)图Bar的Tag:**

```xml

id="bar3d-months"

title="烟气图表汇总-除硫"

subtitle="烟气图表汇总-除硫"

xCategoriesType="months"

xAxisTitle="月趋势"

yAxisTitle="立方米(㎥)"

xCategories="${xCategories}"

yCategories="${yCategories}"/>

```

**3D条形(柱状)图Bar的数据格式:**

private List xCategories;

private Map> yCategories;

**3D饼状图Pie的Tag:**

```xml

id="pie-selected"

title="烟气图表汇总-除硫"

subtitle="烟气图表汇总-除硫"

seriesData="${seriesData}"

selectedData="搜索引擎"/>

```

**3D饼状图Pie的数据格式:**

private Map seriesData;

**折线图line的Tag:**

```xml

id="line"

title="烟气图表汇总-除硫"

subtitle="烟气图表汇总-除硫"

xCategoriesType="diy"

xAxisTitle="时间趋势"

yAxisTitle="立方米(㎥)"

xCategories="${xCategories}"

yCategories="${yCategories}"/>

```

**折线图line的数据格式:**

private List xCategories;

private Map> yCategories;

**根据Html标签的Table生成图表：**

```xml

月份销售额销售量

一月800018000二月12000112000

```

```xml

$('table.highchart-column')

.bind('highchartTable.beforeRender', function(event, highChartConfig) {

highChartConfig.colors = ['#104C4C', '#88CCCC', '#228E8E', '#CCFFFF', '#00CCCC', '#3399CC'];

$.each(highChartConfig.yAxis, function (index, value) {

value.title.text = value.title.text || '销售量';

});

}).highchartTable();

```

一键复制

编辑

Web IDE

原始数据

按行查看

历史