{"id":13531867,"url":"https://github.com/abel533/ECharts","last_synced_at":"2025-04-01T20:30:35.848Z","repository":{"id":20940734,"uuid":"24229101","full_name":"abel533/ECharts","owner":"abel533","description":"这是一个针对ECharts2.x版本的Java类库，实现了所有ECharts中的Json结构对应的Java对象，并且可以很方便的创建Option,Series等","archived":false,"fork":false,"pushed_at":"2021-08-09T07:26:13.000Z","size":1848,"stargazers_count":1101,"open_issues_count":35,"forks_count":449,"subscribers_count":127,"default_branch":"master","last_synced_at":"2025-03-24T14:11:18.634Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/abel533.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-09-19T12:32:26.000Z","updated_at":"2025-02-19T02:09:54.000Z","dependencies_parsed_at":"2022-09-09T16:50:12.562Z","dependency_job_id":null,"html_url":"https://github.com/abel533/ECharts","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abel533%2FECharts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abel533%2FECharts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abel533%2FECharts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abel533%2FECharts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abel533","download_url":"https://codeload.github.com/abel533/ECharts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246489442,"owners_count":20785879,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T07:01:06.382Z","updated_at":"2025-04-01T20:30:35.823Z","avatar_url":"https://github.com/abel533.png","language":"Java","funding_links":[],"categories":["Languages","Java"],"sub_categories":["Java"],"readme":"# ECharts - Java类库\r\n\r\n## 本项目已暂停维护，只接受PR并小版本更新\r\n\r\n**当前版本[![Maven central](https://maven-badges.herokuapp.com/maven-central/com.github.abel533/ECharts/badge.svg)](https://maven-badges.herokuapp.com/maven-central/com.github.abel533/ECharts)**\r\n\r\n本项目是一个供Java开发使用的ECharts的开发包，主要目的是方便在Java中构造ECharts中可能用到的全部数据结构，如完整的结构Option。Option中的数据Series，包含Bar-柱状图，Line-折线图，Pie-饼图，Chord-和弦图等，支持ECharts中的所有图表。支持所有的Style类，如AreaStyle,ChordStyle,ItemStyle,LineStyle,LinkStyle等等。支持多种Data数据类型，一个通用的Data数据，以及PieData,MapData,ScatterData,KData等针对性的数据结构。  \r\n\r\n你可以使用本项目直接构造一个`Option`对象，转换为JSON后直接用js设置`myChart.setOption(option)`，或者你也可以在前端构造基本的`Option`对象，然后使用本项目来构造其中需要的任意某部分的数据，如使用`Series`支持的图表类型创建`Series`数据。\r\n\r\n**为了便于使用对应版本的ECcharts，本项目的版本号会使用和ECharts相同的版本号。**\r\n\r\n**由于本项目反馈的bug并不多，为了方便每一个开发人员，每次修复bug都会发布一个小版本，并且bug修复只针对当前的大版本进行修复。**\r\n\r\n## 示例\r\n\r\n[ECharts-Java使用Java快速开发ECharts图表](http://blog.csdn.net/isea533/article/details/43225717)\r\n\r\n## Maven坐标\r\n\r\n```xml\r\n\u003cdependency\u003e\r\n  \u003cgroupId\u003ecom.github.abel533\u003c/groupId\u003e\r\n  \u003cartifactId\u003eECharts\u003c/artifactId\u003e\r\n  \u003cversion\u003e最新版本\u003c/version\u003e\r\n\u003c/dependency\u003e\r\n```\r\n\r\n## 下载地址\r\n\r\n[ECharts-x.x.x.jar](http://mvnrepository.com/artifact/com.github.abel533/ECharts)\r\n\r\n[API文档](https://oss.sonatype.org/content/repositories/releases/com/github/abel533/ECharts/) \r\n\r\n打开后，查找需要的版本，下载其中的 javadoc 文件，解压即可。\r\n\r\n## 项目支持\r\n\r\n### 图表类型3.x版本(2.x版本支持的图表不一样)\r\n\r\n - Line - 折线（面积）图\r\n - \u003cb\u003eLines - 线图\u003c/b\u003e\r\n - Bar - 柱状（条形）图\r\n - Scatter - 散点（气泡）图\r\n - \u003cb\u003eEffectScatter - 涟漪效果散点图\u003c/b\u003e\r\n - \u003cb\u003eCandlestick - K线图\u003c/b\u003e\r\n - Pie - 饼（圆环）图\r\n - \u003cb\u003eGraph - 关系图,可以实现force\u003c/b\u003e\r\n - Map - 地图\r\n - Gauge - 仪表盘\r\n - Funnel - 漏斗图\r\n - Treemap - 矩形树图\r\n - Heatmap - 热力图\r\n - \u003cb\u003eBoxplot - 箱形图\u003c/b\u003e\r\n - \u003cb\u003eParallel - 平行坐标系\u003c/b\u003e\r\n - \u003cb\u003eSankey - 桑基图\u003c/b\u003e\r\n\r\n### ECharts组件\r\n\r\n - Axis - 坐标轴\r\n - Grid - 网格\r\n - Title - 标题\r\n - Tooltip - 提示\r\n - Legend - 图例\r\n - DataZoom - 数据区域缩放\r\n - DataRange - 值域漫游\r\n - Toolbox - 工具箱\r\n - Timeline - 时间线\r\n - visualMap - 视觉映射组件\r\n\r\n## 更新日志\r\n\r\n\u003cb\u003e3.x版本相比2.x版本改动很大，除了部分图表不一样外，少数api也有改动，因此如果要从2.x升级3.x，一定要做好测试!\u003c/b\u003e\r\n\r\n### 3.0.0.3 - 2018-06-24\r\n\r\n- 增加图例类型 by [freelyshadow](https://github.com/freelyshadow) [pr#46](https://github.com/abel533/ECharts/pull/46)\r\n\r\n### 3.0.0.2 - 2016-10-18\r\n\r\n- `avoidLabelOverlap`参数\r\n- `Position`位置 `center`\r\n- `Line` 的`areaStyle`属性\r\n- `LineStyle`属性\r\n- 本次更新全部内容由 mic \u003cfallow5@qq.com\u003e 提供\r\n\r\n\r\n### 3.0.0.1 - 2016-03-20\r\n\r\n- 完善`Style`和`Label`的属性，对应的`normal`和`emphasis`增加`position,formatter,textStyle`三个属性\r\n\r\n### 3.0.0 - 2016-02-28\r\n\r\n- 3.0版本去掉了k(改为candlestick),radar(雷达图),chord(和弦图),force(使用graph,layout=force替代),island(孤岛),eventRiver(事件河流图),venn(韦恩图),wordCloud(词云),Tree(树图)\r\n- 3.0版本新增了lines(线图),effectScatter(涟漪效果散点图),candlestick(新的k线图),graph(关系图,可以实现force),boxplot(箱形图),parallel(平行坐标系),sankey(桑基图)\r\n- 新增大量相关类，部分已有类增加大量属性\r\n- 新版本改动非常大，如果发现问题或者不合理的方法，可以在项目中提交issues\r\n\r\n### 2.2.7 - 2016-01-15\r\n\r\n- 修复`Gauge`中`AxisLine`类型使用错误的bug#65\r\n- 解决`LineType`中的`broken`拼写错误#58\r\n- `TreeData`中的`value`改为`Double`类型，仍然保留一个`Integer`的构造方法\r\n- `TreeData`添加缺少的两个属性`symbol`和`symbolSize`#69\r\n- `AxisPointer`增加`show`属性，该属性出现在scatter6的例子中\r\n- `AbstractData`中的`List\u003cObject\u003e data`属性和相关调用都去掉泛型类型`\u003cObject\u003e`\r\n- 新增`EMap`，和`Map`（地图）类完全相同，只是为了避免和`java.util.Map`同时使用时不方便\r\n- 新增简单工厂`SeriesFactory`，提供了所有`Series`子类的创建方法\r\n- `Legend`通用去掉`\u003cObject\u003e`\r\n- 由于fastjson存在多种bug，从这个版本移除`FsonOption`相关的类\r\n- 增加了一个`BarTest14`测试，彩虹柱状图\r\n\r\n## [完整更新日志](http://git.oschina.net/free/ECharts/blob/master/CHANGELOG.md)\r\n\r\n## 如果你觉得这个项目对你有帮助，你可以通过捐赠来支持作者\r\n### 支付宝二维码\r\n![支付宝二维码](http://www.mybatis.tk/alipay.png)\r\n### 或\r\n### 微信二维码\r\n![微信二维码](http://www.mybatis.tk/weixinpay.png)\r\n\r\n## 感谢各位的支持~~\r\n\r\n- 宇哲 - ￥10 - 2016-03-15\r\n\r\n## ECharts网址\r\n\r\nhttp://echarts.baidu.com/\r\n\r\n## Option说明\r\n\r\n1. `Option`正式代码中使用，不需要任何依赖。\r\n\r\n2. `GsonOption`正式代码中可以使用，需要引入`Gson`包，使用`toString()`方法可以转换为JSON结构的数据（支持`function`，详情看下面的\u003cb\u003efunction说明\u003c/b\u003e）。\r\n\r\n3. `EnhancedOption`测试专用，主要方便在浏览器中直接查看效果。\r\n\r\n4. 使用`GsonOption`,`FsonOption`的`toString()`方法返回给前端时，前端需要使用`eval('('+optionJsonStr+')')`转换为JSON结构\r\n\r\n## function说明\r\n\r\n由于JSON标准中不包含`function`类型，因而大多数的JSON库都不直接支持这种类型，处理这种类型最简单的方式就是转换为JSON字符串时，对字符串进行处理。\r\n\r\n虽然像jackson json和fastjson通过注解或者自定义的实现序列化接口可以实现，毕竟和JSON库的结合太密切了，而且使用起来也很麻烦，不如直接处理字符串，或者在js中处理。\r\n\r\n本项目中提供了GSON实现的`GsonOption`，就是重写了`toString()`方法，改为输出JSON结构的字符串，并且支持以下两种`function`形式:\r\n\r\n```javascript\r\n{\r\n    formatter:function(value){\r\n        return value.substring(0,8);\r\n    }\r\n}\r\n\r\n//和\r\n\r\n{\r\n    formatter:(function(){\r\n        return 'Temperature : \u003cbr/\u003e{b}km : {c}°C';\r\n    })()\r\n}\r\n```\r\n\r\n当然这种形式在Java中书写的时候有着严格的要求：\r\n\r\n```java\r\noption.tooltip().trigger(Trigger.axis).formatter(\"function(value){return value.substring(0,8);}\");\r\n\r\noption.tooltip().trigger(Trigger.axis).formatter(\"(function(){return 'Temperature : \u003cbr/\u003e{b}km : {c}°C';})()\");\r\n\r\n```\r\n\r\n 1. 先看第一种，这里的`\"function`中，双引号和`function`必须连着，中间不能存在空格，否则不会识别。然后是结尾的`}\"`，这里也必须连着不能有空格，在首尾这两段代码之间不能出现`}\"`，否则会判断出错。如果在`{}`中的代码有字符串，请使用单引号`'`，双引号出现在单引号内时使用`\\\\\"`即可。除此之外没有别的限制。\r\n\r\n 2. 再看第二种，这里的`\"(function`中，双引号、括号和`function`必须连着，中间不能存在空格，否则不会识别。然后是结尾的`})()\"`，这里也必须连着不能有空格，在首尾这两段代码之间不能出现`})()\"`，否则会判断出错。如果在`{}`中的代码有字符串，请使用单引号`'`，双引号出现在单引号内时使用`\\\\\"`即可。除此之外没有别的限制。\r\n\r\n**上述对`function`的处理很简单，不限制在`formatter`使用，所有值都能这么写，你可以参考写出自己的`Option`**\r\n\r\n\r\n\u003cbr\u003e\u003cbr\u003e\r\n## 挑两个例子大概的看看这个Java类库如何使用\r\n\r\n\r\n### 第一个例子，简单的折线图\r\n\r\n对应的ECharts例子地址：  http://echarts.baidu.com/doc/example/line5.html\r\n\r\n测试代码地址：[LineTest5.java][1]\r\n\r\n```java\r\n@Test\r\npublic void test() {\r\n    //地址:http://echarts.baidu.com/doc/example/line5.html\r\n    EnhancedOption option = new EnhancedOption();\r\n    option.legend(\"高度(km)与气温(°C)变化关系\");\r\n\r\n    option.toolbox().show(true).feature(Tool.mark, Tool.dataView, new MagicType(Magic.line, Magic.bar), Tool.restore, Tool.saveAsImage);\r\n\r\n    option.calculable(true);\r\n    option.tooltip().trigger(Trigger.axis).formatter(\"Temperature : \u003cbr/\u003e{b}km : {c}°C\");\r\n\r\n    ValueAxis valueAxis = new ValueAxis();\r\n    valueAxis.axisLabel().formatter(\"{value} °C\");\r\n    option.xAxis(valueAxis);\r\n\r\n    CategoryAxis categoryAxis = new CategoryAxis();\r\n    categoryAxis.axisLine().onZero(false);\r\n    categoryAxis.axisLabel().formatter(\"{value} km\");\r\n    categoryAxis.boundaryGap(false);\r\n    categoryAxis.data(0, 10, 20, 30, 40, 50, 60, 70, 80);\r\n    option.yAxis(categoryAxis);\r\n\r\n    Line line = new Line();\r\n    line.smooth(true).name(\"高度(km)与气温(°C)变化关系\").data(15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5).itemStyle().normal().lineStyle().shadowColor(\"rgba(0,0,0,0.4)\");\r\n    option.series(line);\r\n    option.exportToHtml(\"line5.html\");\r\n    option.view();\r\n}\r\n```\r\n\r\n代码生成的json结果：\r\n\r\n```javascript\r\n{\r\n    \"calculable\": true,\r\n    \"toolbox\": {\r\n        \"show\": true,\r\n        \"feature\": {\r\n            \"restore\": {\r\n                \"show\": true,\r\n                \"title\": \"还原\"\r\n            },\r\n            \"magicType\": {\r\n                \"show\": true,\r\n                \"title\": {\r\n                    \"line\": \"折线图切换\",\r\n                    \"stack\": \"堆积\",\r\n                    \"bar\": \"柱形图切换\",\r\n                    \"tiled\": \"平铺\"\r\n                },\r\n                \"type\": [\"line\", \"bar\"]\r\n            },\r\n            \"dataView\": {\r\n                \"show\": true,\r\n                \"title\": \"数据视图\",\r\n                \"readOnly\": false,\r\n                \"lang\": [\"Data View\", \"close\", \"refresh\"]\r\n            },\r\n            \"mark\": {\r\n                \"show\": true,\r\n                \"title\": {\r\n                    \"mark\": \"辅助线开关\",\r\n                    \"markClear\": \"清空辅助线\",\r\n                    \"markUndo\": \"删除辅助线\"\r\n                },\r\n                \"lineStyle\": {\r\n                    \"color\": \"#1e90ff\",\r\n                    \"type\": \"dashed\",\r\n                    \"width\": 2\r\n                }\r\n            },\r\n            \"saveAsImage\": {\r\n                \"show\": true,\r\n                \"title\": \"保存为图片\",\r\n                \"type\": \"png\",\r\n                \"lang\": [\"点击保存\"]\r\n            }\r\n        }\r\n    },\r\n    \"tooltip\": {\r\n        \"trigger\": \"axis\",\r\n        \"formatter\": \"Temperature : \\u003cbr/\\u003e{b}km : {c}°C\"\r\n    },\r\n    \"legend\": {\r\n        \"data\": [\"高度(km)与气温(°C)变化关系\"]\r\n    },\r\n    \"xAxis\": [{\r\n        \"type\": \"value\",\r\n        \"axisLabel\": {\r\n            \"formatter\": \"{value} °C\"\r\n        }\r\n    }],\r\n    \"yAxis\": [{\r\n        \"type\": \"category\",\r\n        \"boundaryGap\": false,\r\n        \"axisLine\": {\r\n            \"onZero\": false\r\n        },\r\n        \"axisLabel\": {\r\n            \"formatter\": \"{value} km\"\r\n        },\r\n        \"data\": [\r\n            0, 10, 20, 30, 40, 50, 60, 70, 80\r\n        ]\r\n    }],\r\n    \"series\": [{\r\n        \"smooth\": true,\r\n        \"name\": \"高度(km)与气温(°C)变化关系\",\r\n        \"type\": \"line\",\r\n        \"itemStyle\": {\r\n            \"normal\": {\r\n                \"lineStyle\": {\r\n                    \"shadowColor\": \"rgba(0,0,0,0.4)\"\r\n                }\r\n            },\r\n            \"emphasis\": {}\r\n        },\r\n        \"data\": [\r\n            15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5\r\n        ]\r\n    }]\r\n}\r\n```\r\n\u003cbr\u003e\u003cbr\u003e\r\n### 第二个例子，使用`(function(){})()`执行JS代码\r\n\r\n对应的ECharts例子地址：  http://echarts.baidu.com/doc/example/pie6.html\r\n\r\n测试代码地址：[PieTest6.java][2]\r\n\r\n```java\r\n@Test\r\npublic void test() {\r\n    //地址：http://echarts.baidu.com/doc/example/pie6.html\r\n    ItemStyle dataStyle = new ItemStyle();\r\n    dataStyle.normal().label(new Label().show(false)).labelLine().show(false);\r\n\r\n    ItemStyle placeHolderStyle = new ItemStyle();\r\n    placeHolderStyle.normal().color(\"rgba(0,0,0,0)\").label(new Label().show(false)).labelLine().show(false);\r\n    placeHolderStyle.emphasis().color(\"rgba(0,0,0,0)\");\r\n\r\n    EnhancedOption option = new EnhancedOption();\r\n    option.title().text(\"你幸福吗？\")\r\n            .subtext(\"From ExcelHome\")\r\n            .sublink(\"http://e.weibo.com/1341556070/AhQXtjbqh\")\r\n            .x(X.center)\r\n            .y(Y.center)\r\n            .itemGap(20)\r\n            .textStyle().color(\"rgba(30,144,255,0.8)\")\r\n            .fontFamily(\"微软雅黑\")\r\n            .fontSize(35)\r\n            .fontWeight(\"bolder\");\r\n    option.tooltip().show(true).formatter(\"{a} \u003cbr/\u003e{b} : {c} ({d}%)\");\r\n    option.legend().orient(Orient.vertical)\r\n            .x(\"(function(){return document.getElementById('main').offsetWidth / 2;})()\")\r\n            .y(56)\r\n            .itemGap(12)\r\n            .data(\"68%的人表示过的不错\", \"29%的人表示生活压力很大\", \"3%的人表示“我姓曾”\");\r\n    option.toolbox().show(true).feature(Tool.mark, Tool.dataView, Tool.restore, Tool.saveAsImage);\r\n\r\n    Pie p1 = new Pie(\"1\");\r\n    p1.clockWise(false).radius(125, 150).itemStyle(dataStyle)\r\n            .data(new Data(\"68%的人表示过的不错\", 68), new Data(\"invisible\", 32).itemStyle(placeHolderStyle));\r\n\r\n    Pie p2 = new Pie(\"2\");\r\n    p2.clockWise(false).radius(100, 125).itemStyle(dataStyle)\r\n            .data(new Data(\"29%的人表示生活压力很大\", 29), new Data(\"invisible\", 71).itemStyle(placeHolderStyle));\r\n\r\n    Pie p3 = new Pie(\"3\");\r\n    p3.clockWise(false).radius(75, 100).itemStyle(dataStyle)\r\n            .data(new Data(\"3%的人表示“我姓曾”\", 3), new Data(\"invisible\", 97).itemStyle(placeHolderStyle));\r\n\r\n    option.series(p1, p2, p3);\r\n    option.exportToHtml(\"pie6.html\");\r\n    option.view();\r\n}\r\n```\r\n\r\n这段代码注意\r\n\r\n```java\r\n.x(\"(function(){return document.getElementById('main').offsetWidth / 2;})()\")\r\n```\r\n\r\n这个地方，这里巧妙的利用`(function(){})()`执行JS代码，实现了官方例子中的功能，生成的JSON结果如下：\r\n\r\n```javascript\r\n{\r\n    \"title\": {\r\n        \"text\": \"你幸福吗？\",\r\n        \"subtext\": \"From ExcelHome\",\r\n        \"sublink\": \"http://e.weibo.com/1341556070/AhQXtjbqh\",\r\n        \"textStyle\": {\r\n            \"color\": \"rgba(30,144,255,0.8)\",\r\n            \"fontSize\": 35,\r\n            \"fontFamily\": \"微软雅黑\",\r\n            \"fontWeight\": \"bolder\"\r\n        },\r\n        \"x\": \"center\",\r\n        \"y\": \"center\",\r\n        \"itemGap\": 20\r\n    },\r\n    \"toolbox\": {\r\n        \"feature\": {\r\n            \"restore\": {\r\n                \"show\": true,\r\n                \"title\": \"还原\"\r\n            },\r\n            \"dataView\": {\r\n                \"show\": true,\r\n                \"title\": \"数据视图\",\r\n                \"readOnly\": false,\r\n                \"lang\": [\"Data View\", \"close\", \"refresh\"]\r\n            },\r\n            \"mark\": {\r\n                \"show\": true,\r\n                \"title\": {\r\n                    \"mark\": \"辅助线开关\",\r\n                    \"markClear\": \"清空辅助线\",\r\n                    \"markUndo\": \"删除辅助线\"\r\n                },\r\n                \"lineStyle\": {\r\n                    \"color\": \"#1e90ff\",\r\n                    \"type\": \"dashed\",\r\n                    \"width\": 2\r\n                }\r\n            },\r\n            \"saveAsImage\": {\r\n                \"show\": true,\r\n                \"title\": \"保存为图片\",\r\n                \"type\": \"png\",\r\n                \"lang\": [\"点击保存\"]\r\n            }\r\n        },\r\n        \"show\": true\r\n    },\r\n    \"tooltip\": {\r\n        \"show\": true,\r\n        \"formatter\": \"{a} \u003cbr/\u003e{b} : {c} ({d}%)\"\r\n    },\r\n    \"legend\": {\r\n        \"orient\": \"vertical\",\r\n        \"data\": [\"68%的人表示过的不错\", \"29%的人表示生活压力很大\", \"3%的人表示“我姓曾”\"],\r\n        \"x\": (function() {\r\n            return document.getElementById('main').offsetWidth / 2;\r\n        })(),\r\n        \"y\": 56,\r\n        \"itemGap\": 12\r\n    },\r\n    \"series\": [{\r\n        \"radius\": [125, 150],\r\n        \"clockWise\": false,\r\n        \"name\": \"1\",\r\n        \"type\": \"pie\",\r\n        \"itemStyle\": {\r\n            \"normal\": {\r\n                \"label\": {\r\n                    \"show\": false\r\n                },\r\n                \"labelLine\": {\r\n                    \"show\": false\r\n                }\r\n            }\r\n        },\r\n        \"data\": [{\r\n            \"name\": \"68%的人表示过的不错\",\r\n            \"value\": 68\r\n        }, {\r\n            \"name\": \"invisible\",\r\n            \"value\": 32,\r\n            \"itemStyle\": {\r\n                \"normal\": {\r\n                    \"label\": {\r\n                        \"show\": false\r\n                    },\r\n                    \"labelLine\": {\r\n                        \"show\": false\r\n                    },\r\n                    \"color\": \"rgba(0,0,0,0)\"\r\n                },\r\n                \"emphasis\": {\r\n                    \"color\": \"rgba(0,0,0,0)\"\r\n                }\r\n            }\r\n        }]\r\n    }, {\r\n        \"radius\": [100, 125],\r\n        \"clockWise\": false,\r\n        \"name\": \"2\",\r\n        \"type\": \"pie\",\r\n        \"itemStyle\": {\r\n            \"normal\": {\r\n                \"label\": {\r\n                    \"show\": false\r\n                },\r\n                \"labelLine\": {\r\n                    \"show\": false\r\n                }\r\n            }\r\n        },\r\n        \"data\": [{\r\n            \"name\": \"29%的人表示生活压力很大\",\r\n            \"value\": 29\r\n        }, {\r\n            \"name\": \"invisible\",\r\n            \"value\": 71,\r\n            \"itemStyle\": {\r\n                \"normal\": {\r\n                    \"label\": {\r\n                        \"show\": false\r\n                    },\r\n                    \"labelLine\": {\r\n                        \"show\": false\r\n                    },\r\n                    \"color\": \"rgba(0,0,0,0)\"\r\n                },\r\n                \"emphasis\": {\r\n                    \"color\": \"rgba(0,0,0,0)\"\r\n                }\r\n            }\r\n        }]\r\n    }, {\r\n        \"radius\": [75, 100],\r\n        \"clockWise\": false,\r\n        \"name\": \"3\",\r\n        \"type\": \"pie\",\r\n        \"itemStyle\": {\r\n            \"normal\": {\r\n                \"label\": {\r\n                    \"show\": false\r\n                },\r\n                \"labelLine\": {\r\n                    \"show\": false\r\n                }\r\n            }\r\n        },\r\n        \"data\": [{\r\n            \"name\": \"3%的人表示“我姓曾”\",\r\n            \"value\": 3\r\n        }, {\r\n            \"name\": \"invisible\",\r\n            \"value\": 97,\r\n            \"itemStyle\": {\r\n                \"normal\": {\r\n                    \"label\": {\r\n                        \"show\": false\r\n                    },\r\n                    \"labelLine\": {\r\n                        \"show\": false\r\n                    },\r\n                    \"color\": \"rgba(0,0,0,0)\"\r\n                },\r\n                \"emphasis\": {\r\n                    \"color\": \"rgba(0,0,0,0)\"\r\n                }\r\n            }\r\n        }]\r\n    }]\r\n};\r\n```  \r\n\r\n\r\n\r\n  [1]: http://git.oschina.net/free/ECharts/blob/master/src/test/java/com/github/abel533/echarts/samples/line/LineTest5.java\r\n  [2]: http://git.oschina.net/free/ECharts/blob/master/src/test/java/com/github/abel533/echarts/samples/pie/PieTest6.java\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabel533%2FECharts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabel533%2FECharts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabel533%2FECharts/lists"}