ECharts自定义学-创新互联
调用源码:
创新互联成立与2013年,是专业互联网技术服务公司,拥有项目成都网站建设、做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元西峰做网站,已为上家服务,为西峰各地企业和个人服务,联系电话:18982081108https://gitee.com/free/ECharts
也可以下载
com.github.abel533
ECharts
3.0.0.6
com.google.code.gson
gson
2.6.2
compile
true
调用:
demo
GsonOption option = new GsonOption();
option.tooltip().trigger(Trigger.axis);
option.legend("邮件营销", "联盟广告", "直接访问", "搜索引擎");
option.toolbox().show(true);
option.calculable(true);
option.xAxis(new CategoryAxis().boundaryGap(false).data("周一", "周二", "周三", "周四", "周五", "周六", "周日"));
option.yAxis(new ValueAxis());
option.series(new Line().smooth(true).name("邮件营销").stack("总量").symbol(Symbol.none).data(120, 132, 301, 134, new LineData(90, Symbol.droplet, 5), 230, 210));
//实现不了js的这个效果
//line.itemStyle.normal.areaStyle = new AreaStyle();
LineData lineData = new LineData(201, Symbol.star, 15);
lineData.itemStyle().normal().label().show(true).textStyle().fontSize(20).fontFamily("微软雅黑").fontWeight("bold");
option.series(new Line().smooth(true).name("联盟广告").stack("总量").symbol("image://http://echarts.baidu.com/doc/asset/ico/favicon.png").symbolSize(8).data(120, 82, lineData, new LineData(134, Symbol.none), 190, new LineData(230, Symbol.emptypin, 8), 110));
System.out.println(option.toString());
有字符串
后面就集成就行
接受
这个行就是接受上面传过来的参数
//获取参数
var datachart=$("#numsvv").val();
//这一步必须处理,否在不能显示数据
optiondata = JSON.parse(datachart);
//渲染
twoTimeChart.setOption(optiondata);
关键样式:
其他key 调用次数
效果:
![](https://s1.51cto.com/images/blog/201912/05/8588fd30a3e379cf963e2ef274704e31.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)
依赖:
echarts.min.js
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章标题:ECharts自定义学-创新互联
网站路径:http://scyanting.com/article/hdhpi.html