{"id":1846,"date":"2019-07-17T08:35:42","date_gmt":"2019-07-17T00:35:42","guid":{"rendered":"http:\/\/www.hefeiyu.com\/?p=1846"},"modified":"2019-07-17T08:35:42","modified_gmt":"2019-07-17T00:35:42","slug":"ecology%e5%bc%80%e5%8f%91%e4%b9%8bhighcharts%e7%bb%84%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.hefeiyu.com\/?p=1846","title":{"rendered":"ecology\u5f00\u53d1\u4e4bhighcharts\u7ec4\u4ef6"},"content":{"rendered":"\n\n\n\n\n\n\n
\u7ec4\u4ef6<\/td>\nhighcharts\u7ec4\u4ef6<\/td>\n<\/tr>\n
\u529f\u80fd\u8bf4\u660e<\/td>\n\u57fa\u4e8ejQuery\u56fe\u5f62\u62a5\u8868\u63a7\u4ef6\uff0c\u5176\u7279\u70b9\u5982\u4e0b\uff1a
\n1\u3001\u53ef\u4ee5\u4ee5\u67f1\u72b6\u56fe\u3001\u997c\u72b6\u56fe\u3001\u66f2\u7ebf\u56fe\u7b49\u5f62\u5f0f\u5c55\u793a\u62a5\u8868\u6570\u636e\uff1b
\n2\u3001\u901a\u8fc7json\u7684\u5f62\u5f0f\u8fdb\u884c\u6570\u636e\u4ea4\u6362<\/td>\n<\/tr>\n
\u4f7f\u7528\u8bf4\u660e<\/td>\n1.\u5f15\u5165\u5982\u4e0bjs
\n\u5982\u679c\u6ca1\u6709\u5f15\u5165\u4ee5\u4e0bjs\uff0c\u90a3\u4e48\u9700\u8981\u5f15\u5165\u4ee5\u4e0bjs\uff1a
\n<script type=”text\/javascript” src=”\/js\/highcharts\/highcharts_wev8.js”><\/script>
\n<script type=”text\/javascript” src=”\/js\/highcharts\/modules\/no-data-to-display_wev8.js”><\/script><\/td>\n<\/tr>\n
2\u3001\u9875\u9762\u6307\u5b9a\u4e00\u4e2a\u663e\u793a\u533a\u57df
\n<div id=”ContainerDiv” style=”margin: 5 auto;margin-top:10px; min-width: 400px; height: 500px;”><\/div>
\n3\u3001\u5f53\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\uff0c\u5728\u9875\u9762\u4e0a\u8c03\u7528\u5982\u4e0b\u65b9\u6cd5
\njQuery(document).ready(function(){
\n$(‘#ContainerDiv’).highcharts({
\nchart: {
\ntype: ‘column’,\u00a0\u00a0 \/\/\u56fe\u8868\u7684\u7c7b\u578b,\u9ed8\u8ba4\u662fline
\n\/\/borderColor: ‘#DADADA’,\u00a0\u00a0\u00a0\u00a0 \/\/\u8fb9\u6846\u989c\u8272
\nborderWidth:0\u00a0\u00a0\u00a0 \/\/\u5982\u679c\u4e0d\u8981\u56fe\u8868\u8fb9\u6846,\u53ef\u4ee5\u7f6e\u62100
\n},
\ntitle: { \/\/\u4e00\u7ea7\u6807\u9898
\ntext: ‘\u6807\u9898\u540d\u79f0’,
\nstyle: {\u00a0\u00a0 \/\/\u6807\u9898\u6837\u5f0f
\ncolor: ‘#000000′,
\nfontSize: ’24px’
\n}
\n},
\nsubtitle: {\/\/\u4e8c\u7ea7\u6807\u9898,\u5982\u679c\u4e0d\u9700\u8981,\u6b64\u9879\u53ef\u4ee5\u5220\u9664
\ntext: ”,
\nalign: ‘center’,
\nstyle: {
\ncolor: ‘#4d759e’
\n}
\n},
\ntooltip:{\u00a0 \/\/\u9f20\u6807\u653e\u5728\u6570\u636e\u70b9\u7684\u663e\u793a\u4fe1\u606f
\nheaderFormat: ‘<span style=”font-size: 10px”>{point.key}<\/span>’,
\npointFormat: ‘<span style=”color:{series.color}”>{series.name}<\/span>: <b>{point.y}<\/b><br\/>’
\n},
\nxAxis: {\u00a0\u00a0\u00a0 \/\/\u8bbe\u7f6ex\u8f74\u4fe1\u606f
\ncategories: [‘ ‘]\u00a0\u00a0 \/\/\u8bbe\u7f6ex\u8f74\u7684\u6807\u9898
\n},
\nyAxis: {\u00a0\u00a0 \/\/\u8bbe\u7f6ey\u8f74\u7684\u4fe1\u606f
\nmin: 0,
\ntitle: {
\ntext: ‘ ‘
\n},
\nallowDecimals:false\u00a0\u00a0 \/\/y\u8f74\u662f\u5426\u5141\u8bb8\u5c0f\u6570,\u9ed8\u8ba4\u662ftrue
\n},
\ncredits: {
\nenabled: false\u00a0\u00a0\u00a0\u00a0 \/\/\u53bb\u9664\u56fe\u8868\u53f3\u4e0b\u89d2\u7684\u94fe\u63a5
\n},
\nseries: [
\n{name: ‘<%=SystemEnv.getHtmlLabelName(1979,user.getLanguage())%>’,data: jsonData.nList}, \/\/\u672a\u5f00\u59cb
\n{name: ‘<%=SystemEnv.getHtmlLabelName(32556,user.getLanguage())%>’,data: jsonData.dList},\/\/\u5df2\u5ef6\u671f
\n{name: ‘<%=SystemEnv.getHtmlLabelName(1960,user.getLanguage())%>’,data: jsonData.iList},\/\/\u8fdb\u884c\u4e2d
\n{name: ‘<%=SystemEnv.getHtmlLabelName(1961,user.getLanguage())%>’,data: jsonData.fList}\/\/\u5df2\u5b8c\u6210
\n],\u00a0\u00a0 \/\/\u6784\u9020\u56fe\u5f62\u6240\u8981\u7684json\u6570\u636e\u683c\u5f0f
\ncolors:[‘#4F81BD’,’#C0504D’,’#9BBB59′,’#8064A2′],\/\/\u6307\u5b9a\u989c\u8272
\nplotOptions: {\u00a0\u00a0 \/\/\u9488\u5bf9\u4e0d\u901a\u7c7b\u578b\u7684\u56fe\u8868\u6307\u5b9a\u7279\u6709\u7684\u5c5e\u6027\u503c
\ncolumn: {
\npointPadding: 0.2,
\nborderWidth: 0
\n}
\n},
\nlang: {
\nnoData: ” \u6ca1\u6709\u6570\u636e”\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u6ca1\u6709\u6570\u636e\u65f6\u663e\u793a\u7684\u5185\u5bb9
\n}
\n});
\n});<\/td>\n<\/tr>\n
\u4f8b\u5b50<\/td>\n\n\n\n\n\n\n\n\n
\u4f8b\u5b50\uff1a
\nhttp:\/\/192.168.4.44:8080\/meeting\/report\/StatisticsTab.jsp
\nhttp:\/\/192.168.4.44:8080\/meeting\/report\/StatisticsMeetingUsedTab.jsp<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n
API<\/td>\nhttp:\/\/www.hcharts.cn\/api\/index.php<\/a><\/td>\n<\/tr>\n
Demo<\/td>\nhttp:\/\/www.hcharts.cn\/demo\/index.php
\n<\/a><\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n\u56fe\u5f62\u6d89\u53ca\u7684\u4e1c\u897f\u592a\u591a,\u6587\u6863\u65e0\u6cd5\u5168\u90e8\u6307\u51fa,\u5982\u679c\u4f7f\u7528\u8fc7\u7a0b\u4e2d\u6709\u95ee\u9898,\u53ef\u4ee5\u627e\u9ec4\u51a0\u51a0\u4e00\u8d77\u4ea4\u6d41\u8ba8\u8bba<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u8f6c\u8f7d\u8bf7\u6ce8\u660e\uff1a\u8d6b\u975e\u57df<\/a> » ecology\u5f00\u53d1\u4e4bhighcharts\u7ec4\u4ef6<\/a><\/p>","protected":false},"excerpt":{"rendered":"

\u7ec4\u4ef6 highcharts\u7ec4\u4ef6 \u529f\u80fd\u8bf4\u660e \u57fa\u4e8ejQuery\u56fe\u5f62\u62a5\u8868\u63a7\u4ef6\uff0c\u5176\u7279\u70b9\u5982\u4e0b\uff1a 1\u3001\u53ef\u4ee5\u4ee5\u67f1\u72b6\u56fe\u3001\u997c\u72b6\u56fe\u3001\u66f2\u7ebf\u56fe\u7b49\u5f62\u5f0f\u5c55\u793a\u62a5\u8868\u6570\u636e\uff1b 2\u3001\u901a\u8fc7json\u7684\u5f62\u5f0f\u8fdb\u884c\u6570\u636e\u4ea4\u6362 \u4f7f\u7528\u8bf4\u660e 1.\u5f15\u5165\u5982\u4e0bjs \u5982\u679c\u6ca1\u6709\u5f15\u5165\u4ee5\u4e0bjs\uff0c\u90a3\u4e48\u9700\u8981\u5f15\u5165\u4ee5\u4e0bjs\uff1a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[610,102,545],"class_list":["post-1846","post","type-post","status-publish","format-standard","hentry","category-code","tag-highcharts","tag-js","tag-script"],"_links":{"self":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts\/1846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1846"}],"version-history":[{"count":1,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts\/1846\/revisions"}],"predecessor-version":[{"id":1847,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts\/1846\/revisions\/1847"}],"wp:attachment":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}