echarts java json问题

fengbrute 2015-11-18 07:20:49
我用echarts 的java类库 通过ajax获取后台的option的json(用的是JSONObject.fromObject(option))传到页面用的是printWriter.write(JSONObject.fromObject(option).toString());代码如下

printWriter.write(JSONObject.fromObject(option).toString());
System.out.println(JSONObject.fromObject(option));
printWriter.flush();
printWriter.close();

json格式类似

{
"addDataAnimation": false,
"animation": false,
"animationDuration": 0,
"animationDurationUpdate": 0,
"animationEasing": null,
"animationThreshold": 0,
"backgroundColor": null,
"calculable": true,
"calculableColor": "",
"calculableHolderColo": "",
"color": [],
"dataRange": null,
"dataZoom": null,
"grid": null,
"itemStyle": null,
"legend": {
"backgroundColor": "",
"borderColor": "",
"borderWidth": 0,
"data": [
"蒸发量",
"降水量"
],
"itemGap": 0,
"itemHeight": 0,
"itemWidth": 0,
"orient": null,
"padding": null,
"selected": null,
"selectedMode": null,
"show": false,
"textStyle": null,
"x": null,
"y": null,
"z": 0,
"zlevel": 0
},
"nameConnector": "",
"noDataLoadingOption": null,
"options": [],
"polar": [],
"renderAsImage": null,
"roamController": null,
"series": [
{
"barCategoryGap": "",
"barGap": "",
"barMaxWidth": 0,
"barMinHeight": 0,
"barWidth": 0,
"calculable": false,
"clickable": false,
"data": [
2,
4.9,
7,
23.2,
25.6,
76.7,
135.6,
162.2,
32.6,
20,
6.4,
3.3
],
"hoverable": false,
"itemStyle": null,
"legendHoverLink": false,
"markLine": {
"bundling": null,
"clickable": false,
"data": [
{
"itemStyle": null,
"name": "平均值",
"symbol": null,
"symbolSize": null,
"text": "",
"textStyle": null,
"type": "average",
"value": null,
"x": null,
"xAxis": 0,
"y": null,
"yAxis": 0
}
],
"effect": null,
"geoCoord": null,
"hoverable": false,
"itemStyle": null,
"precision": 0,
"smooth": false,
"smoothness": 0,
"symbol": null,
"symbolRoate": null,
"symbolSize": null
},
"markPoint": {
"clickable": false,
"data": [
{
"itemStyle": null,
"name": "最大值",
"symbol": null,
"symbolSize": null,
"text": "",
"textStyle": null,
"type": "max",
"value": null,
"x": null,
"xAxis": 0,
"y": null,
"yAxis": 0
},
{
"itemStyle": null,
"name": "最小值",
"symbol": null,
"symbolSize": null,
"text": "",
"textStyle": null,
"type": "min",
"value": null,
"x": null,
"xAxis": 0,
"y": null,
"yAxis": 0
}
],
"effect": null,
"geoCoord": null,
"hoverable": false,
"itemStyle": null,
"large": false,
"symbol": null,
"symbolRoate": null,
"symbolSize": null
},
"name": "蒸发量",
"showAllSymbol": false,
"stack": "",
"symbol": null,
"symbolRoate": null,
"symbolSize": null,
"tooltip": null,
"type": "bar",
"xAxisIndex": 0,
"yAxisIndex": 0,
"z": 0,
"zlevel": 0
},
{
"barCategoryGap": "",
"barGap": "",
"barMaxWidth": 0,
"barMinHeight": 0,
"barWidth": 0,
"calculable": false,
"clickable": false,
"data": [
2.6,
5.9,
9,
26.4,
28.7,
70.7,
175.6,
182.2,
48.7,
18.8,
6,
2.3
],
"hoverable": false,
"itemStyle": null,
"legendHoverLink": false,
"markLine": {
"bundling": null,
"clickable": false,
"data": [
{
"itemStyle": null,
"name": "平均值",
"symbol": null,
"symbolSize": null,
"text": "",
"textStyle": null,
"type": "average",
"value": null,
"x": null,
"xAxis": 0,
"y": null,
"yAxis": 0
}
],
"effect": null,
"geoCoord": null,
"hoverable": false,
"itemStyle": null,
"precision": 0,
"smooth": false,
"smoothness": 0,
"symbol": null,
"symbolRoate": null,
"symbolSize": null
},
"markPoint": {
"clickable": false,
"data": [
{
"itemStyle": null,
"name": "年最高",
"symbol": null,
"symbolSize": 18,
"text": "",
"textStyle": null,
"type": null,
"value": 182.2,
"x": null,
"xAxis": 7,
"y": null,
"yAxis": 183
},
{
"itemStyle": null,
"name": "年最低",
"symbol": null,
"symbolSize": null,
"text": "",
"textStyle": null,
"type": null,
"value": 2.3,
"x": null,
"xAxis": 11,
"y": null,
"yAxis": 3
}
],
"effect": null,
"geoCoord": null,
"hoverable": false,
"itemStyle": null,
"large": false,
"symbol": null,
"symbolRoate": null,
"symbolSize": null
},
"name": "降水量",
"showAllSymbol": false,
"stack": "",
"symbol": null,
"symbolRoate": null,
"symbolSize": null,
"tooltip": null,
"type": "bar",
"xAxisIndex": 0,
"yAxisIndex": 0,
"z": 0,
"zlevel": 0
}
],
"symbolList": [],
"timeline": null,
"title": {
"backgroundColor": "",
"borderColor": "",
"borderWidth": 0,
"itemGap": 0,
"link": "",
"offsetCenter": null,
"padding": null,
"show": false,
"sublink": "",
"subtarget": "",
"subtext": "纯属虚构",
"subtextStyle": null,
"target": "",
"text": "某地区蒸发量和降水量",
"textAlign": null,
"textStyle": null,
"x": null,
"y": null,
"z": 0,
...全文
160 2 打赏 收藏 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
爵爷一回眸 2015-11-19
  • 打赏
  • 举报
回复
你先去校验一下json格式是不是正确的,有个网站可以校验,如果正确的,在js里用JSON.parse或者eval转换一下,而且geoCoord和data之类的是json格式的,option是json格式的么?
fengbrute 2015-11-18
  • 打赏
  • 举报
回复
忘说了 问题是 jsp页面myChart.setOption(option);页面怎么也出不来,是不是我optionjson格式问题

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧