【Echars封装类调用文档】.docxVIP

Echars封装类调用文档支持图表类型Line - 折线（面积）图Bar - 柱状（条形）图Scatter - 散点（气泡）图K - K线图Pie - 饼（圆环）图Radar - 雷达（面积）图Chord - 和弦图Force - 力导向布局图Map - 地图Gauge - 仪表盘Funnel - 漏斗图Island - 孤岛图（官方未提供，这里只有数据Island对象）EventRiver - 事件河流图Venn - 韦恩图Tree - 树图Treemap - 矩形树图WordCloud - 词云Heatmap - 热力图ECharts组件Axis - 坐标轴Grid - 网格Title - 标题Tooltip - 提示Legend - 图例DataZoom - 数据区域缩放DataRange - 值域漫游Toolbox - 工具箱Timeline - 时间线由于JSON标准中不包含function类型，因而大多数的JSON库都不直接支持这种类型，处理这种类型最简单的方式就是转换为JSON字符串时，对字符串进行处理。虽然像jackson json和fastjson通过注解或者自定义的实现序列化接口可以实现，毕竟和JSON库的结合太密切了，而且使用起来也很麻烦，不如直接处理字符串，或者在js中处理。本项目中提供了GSON实现的GsonOption，就是重写了toString()方法，改为输出JSON结构的字符串，并且支持以下两种function形式: HYPERLINK /p/echarts-java ?1234567{????formatter:function(value){????????return?value.substring(0,8);????}}//和{????formatter:(function(){????????return?Temperature?:?br/{b}km?:?{c}°C;????})()}当然这种形式在Java中书写的时候有着严格的要求：先看第一种，这里的function中，双引号和function必须连着，中间不能存在空格，否则不会识别。然后是结尾的}，这里也必须连着不能有空格，在首尾这两段代码之间不能出现}，否则会判断出错。如果在{}中的代码有字符串，请使用单引号，双引号出现在单引号内时使用\即可。除此之外没有别的限制。再看第二种，这里的(function中，双引号、括号和function必须连着，中间不能存在空格，否则不会识别。然后是结尾的})()，这里也必须连着不能有空格，在首尾这两段代码之间不能出现})()，否则会判断出错。如果在{}中的代码有字符串，请使用单引号，双引号出现在单引号内时使用\即可。除此之外没有别的限制。上述对function的处理很简单，不限制在formatter使用，所有值都能这么写，你可以参考写出自己的Option挑两个例子大概的看看这个Java类库如何使用第一个例子，简单的折线图对应的ECharts例子地址： ? HYPERLINK /doc/example/line5.html /doc/example/line5.html测试代码地址： HYPERLINK /free/ECharts/blob/master/src/test/java/com/github/abel533/echarts/samples/line/LineTest5.java LineTest5.java HYPERLINK /p/echarts-java ?1234567891011121314151617181920212223242526@Testpublic?void?test()?{????//地址:/doc/example/line5.html????EnhancedOption?option?=?new?EnhancedOption();????option.legend(高度(km)与气温(°C)变化关系);?????option.toolbox().show(true).feature(Tool.mark,?Tool.dataView,?new?MagicType(Magic.line,?Magic.bar),?Tool.restore,?Tool.saveAsImage);?????option.calculable(true);????option.tooltip().trigger(Trigger.axis).formatter(Temperature?:?br/{b}km?:?{c}°C);?????ValueAxis?valueAxis?=?new?ValueAxis();????valueAxis.axisLabel().formatter({value