怎么用java编写echarts代码

Posted 2023-05-02

html代码：放2个div，取个id就行。引用写好的js。测试类型echarts代码：1、在BusinessJs/echarts.js中引用echarts及zrender： 参考技术A echarts实现有两种方式:
一种是前台用js实现
另一种是后台使用Java编写转换成json数据
现在学习的是使用java来编写
使用java编写echarts
首先，下载echarts Java类库
地址:http://git.oschina.net/free/ECharts

echarts的主结构都是由option创建，其它都是在option的基础上添加进去

Java代码:

public Option userPowerOption(List<PsmUsePower> list, String year)
// TODO Auto-generated method stub
String titleText=year+"用电详情";
//创建option
Option option = new Option();
//设置title
option.title().setX("14");
option.title().setY("10");
option.title(titleText);
option.title().textStyle().fontFamily("方正兰亭黑简体").fontSize(16).color("rgb(51, 51, 51)").fontWeight("400");
//设置副标题
option.title().setSubtext("单位:(kw·h)");
option.title().subtextStyle().fontFamily("方正兰亭黑简体").color("rgb(51, 51, 51)").fontWeight("400");
//设置坐标系网格
option.grid().x("40").x2("40").y("60").y2("30");
option.grid().backgroundColor("rgb(248, 252, 248)");
//设置悬浮提示框
option.tooltip().trigger(Trigger.axis);
String formaString ="function(params)"
+ "var res1 = '时间 : ' +params[0].name+'<br/>';"
+ "var res2 = res1 + params[3].seriesName + ' : ' + params[3].value+' kw·h'+'<br/>';"
+ "var res3=res2+params[1].seriesName +':' +params[1].value+'kw·h'+'<br/>';"
+ "var res4=res3+params[2].seriesName +':' +params[2].value+'kw·h'+'<br/>';"
+ "var res5=res4+params[0].seriesName +':' +params[0].value+'kw·h';"
+ "return res5";
option.tooltip().formatter(formaString);
option.tooltip().axisPointer().type(PointerType.shadow);
//设置图例
option.legend().setX("350");
option.legend().setY("14");
option.legend("月总用电量","月参考用电量","月偏差电量","月参考偏差电量");
option.legend().textStyle().fontFamily("方正兰亭黑简体").fontWeight("400").color("rgb(51, 51, 51)");
option.legend().formatter("function(name)"
+ "return name+'(kw·h)'");
option.legend().x("90").y("35");
//设置工具箱,切换线性，柱状图
option.toolbox()
.show(true)
.feature(new MagicType(Magic.line, Magic.bar),
new MagicType(Magic.line, Magic.bar),
Tool.saveAsImage
).padding(10,50,5,5);

//设置类目轴 x轴
CategoryAxis categoryAxis = new CategoryAxis();
categoryAxis.data("1月份","2月份","3月份","4月份","5月份","6月份","7月份","8月份","9月份","10月份","11月份","12月份");
categoryAxis.axisLabel().textStyle().fontFamily("方正兰亭黑简体").color("rgb(130, 130, 130)");
categoryAxis.boundaryGap(true);
categoryAxis.axisLine().lineStyle().width(1).color("rgb(176, 176, 176)");
categoryAxis.axisTick().lineStyle().color("rgb(176, 176, 176)");
option.xAxis(categoryAxis);

//设置值轴
ValueAxis valueAxis = new ValueAxis();
valueAxis.splitLine().show(false);
valueAxis.axisLine().lineStyle().width(1);
valueAxis.axisLabel().textStyle().fontFamily("方正兰亭黑简体").color("rgb(130, 130, 130)");
option.yAxis(valueAxis);

//默认设置饼图
Bar bar1 = new Bar("月总用电量");
//叠加图显示，对于同一列叠加图的stack相同
bar1.stack("总量");
bar1.itemStyle().normal().color("rgb(255, 134, 26)").areaStyle().typeDefault().color("rgba(255, 134, 26,0.5)");
bar1.data(123.0, 143.9, 172.0, 123.2, 125.6, 176.7, 135.6, 162.2, 92.6, 120.0,163.4, 134.3);
bar1.barCategoryGap("40%");

Bar bar2 = new Bar("月参考用电量");
bar2.stack("参考");
bar2.itemStyle().normal().color("rgb(34, 137, 196)").areaStyle().typeDefault().color("rgba(34, 137, 196,0.5)");
bar2.data(110.0, 123.9, 102.0, 113.2, 105.6, 136.7, 115.6, 122.2, 102.6, 130.0,123.4, 104.3);
bar2.barCategoryGap("40%");

Bar bar3 = new Bar ("月偏差电量");
bar3.stack("总量");
bar3.itemStyle().normal().color("rgb(215, 38, 59)").areaStyle().typeDefault().color("rgba(215, 38, 59,0.5)");
bar3.data(7.0, 6.9, 8.0, 7.2, 5.6, 6.7, 5.6, 2.2, 2.6, 7.0,3.4, 4.3);
Bar bar4 = new Bar ("月参考偏差电量");
bar4.stack("参考");
bar4.itemStyle().normal().color("rgb(215, 38, 59)").areaStyle().typeDefault().color("rgba(215, 38, 59,0.5)");
bar4.data(7.0, 6.9, 8.0, 7.2, 5.6, 6.7, 5.6, 2.2, 2.6, 7.0,3.4, 4.3);
option.series(bar1,bar2,bar3,bar4);
return option;

如何用pycharm编写获取时间的代码

作者：Light Lin
链接：https://www.zhihu.com/question/37787004/answer/75269463
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

JetBrains家的IDE很多技巧是通用的，说一些自己日常用得多但不一定仅限于PyCharm的技巧：

`ctrl+alt+L`，格式化代码，曾经用Eclipse的时候，格式化代码一定要先选中某个区域的代码块再进行格式化，用了JetBrains的IDE之后就习惯性地格式化一下，还必须手贱多格式化几次才舒服，不过有后遗症，以后到各种编辑框中总喜欢`ctrl+alt+L`几下才舒服

`alt+enter`万能键，不同场景有不同的表现方式，在还没import(install)模块名上使用会import(install)相对应的模块，在方法名上使用补注释，在测试中使用帮你补充断言代码……不管出错了不知道怎么办，知道怎么办想这么办时都按下这个快捷键，有惊喜

`ctrl+space` 万能提示键，非静态语言不太容易做提示，PyCharm的会根据上下文提供补全。不仅是代码提示，`ctrl+f`搜索的时候，不知道该键入啥时就按下，经常给人惊喜。在windows下由于输入法无法使用这个快捷键，`ctrl+alt+s`打开设置键入 keymap，在Keymap中搜索basic可以找到并修改它

`ctrl+shift+f10`运行当前文件，十分智能，如果是测试代码，则以测试模式run，并列出测试通过情况。

`ctrl+w`扩展选取和`ctrl+shift+w`缩减选区，根据当前层级一层一层向上伸展选中区域，例如value ->key:value -> dict -> ... ，每按一次就扩展一级，`ctrl+shift+w`用来取消上一次的扩展选取操作，注意后遗症，大部分软件中的`ctrl+w`是关闭！是`ctrl+shift+箭头`而不是`ctrl+w`

`ctrl+q`查注释

`ctrl+shift+i`没注释时查源码

`ctrl+p`调用方法时查看参数，在括号内按下，就知道当前位置该给啥参数，不过由于是Python，这里使用`ctrl+space`也可以达到很好的效果

`shift+enter`另起一行，光标在行内任意位置都能另起一行，且不破坏当行结构

`ctrl+alt+enter`向上另起一行

`ctrl+shift+数字键`与`ctrl+数字键`书签功能

`ctrl+shift+a`搜索IDE功能，比如想看看这个文件的历史，就键入history 可以找到 Local history

双击`shift`搜索一切，不管是IDE功能、文件、方法、变量……都能搜索

各个窗口下，无论是Project,Setting,Debugger...都可以直接键入想要搜索的内容，它会帮你高亮

内置的REPL，由于JetBrains的加成可以实现很多与编辑器内相同的效果

内置Git，通过插件可以支持 Git flow，十分优秀的代码对比，merge时解决冲突很有帮助

Local history，文件夹，每个文件都有记录历史版本

Tip of the day，总会给人带来一些有用的小功能 ，别嫌烦就给关了啊

内置source code pro字体+Darcula Theme(暗色主题) ，眼不疼了

固态硬盘，配合JetBrains碉堡的索引，虽然没什么关系 参考技术A 杀阴曹《斩阎罗》：叹世路风波，看人事蹉跎，忘不了镇江明月夜，望剑合掌会冤娥，英雄歌，情难却，一腔心事听谁说，且守着哥哥，把宝剑新磨，再带你回冥斩阎罗。