tabcolstr=[{"colname":"DESCRIPTION","dataType":"VARCHAR2","description":"地点","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM1","dataType":"NUMBER","description":"2014-05","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM2","dataType":"NUMBER","description":"2014-06","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM3","dataType":"NUMBER","description":"2014-07","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM4","dataType":"NUMBER","description":"2014-08","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"}]
jsonarray=[{"colname":"DESCRIPTION","dataType":"VARCHAR2","description":"地点","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM1","dataType":"NUMBER","description":"2014-05","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM2","dataType":"NUMBER","description":"2014-06","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM3","dataType":"NUMBER","description":"2014-07","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"},{"colname":"NUM4","dataType":"NUMBER","description":"2014-08","isshow":0,"tabname":"REPORT_CONFIGQUERY_372"}]
<script type="text/javascript"> $(function () { var tabcolstr='${tabcollist}'; var tabcoljson = $.parseJSON(tabcolstr); var tabcoldata = new Array(); for(var i=1;i<tabcoljson.length;i++){ tabcoldata[i-1]=tabcoljson[i].description; } var jsonarray='${jsonarray}'; var arraydata = $.parseJSON(jsonarray); var first=tabcoljson[0].description; var showdata = new Array(); var value=""; for(var i=0;i<arraydata.length;i++){ showdata.push([]); var valuearray = new Array(); for(j=0;j<tabcoldata.length;j++){ value=arraydata[i][tabcoldata[j]]; if(value==""){ value=0; } valuearray[j]=Number(value); } var json = { "name":arraydata[i][first], "data":valuearray }; showdata[i]=json; } $('#histogramcharshow').highcharts({ chart: { type: 'column' }, exporting:{ enabled:false }, credits: { enabled: false }, title: { text: '${reportConfig.name}' }, xAxis: { categories:tabcoldata }, yAxis: { min: 0, title: { text: '${reportConfig.unit}' } }, tooltip: { headerFormat: '<span style="font-size:10px">{point.key}</span>', pointFormat: '' + '', footerFormat: '<table><tbody><tr><td style="color:{series.color};padding:0">{series.name}: </td><td style="padding:0"><b>{point.y:.1f}</b></td></tr></tbody></table>', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 } }, series: showdata }); }); </SCRIPT>
相关推荐
自定义封装Qt柱状图类,提供简单数据更新等接口实现柱状图对象的创建、销毁、数据更新和清空等功能,实现数据动态更新和柱状图上鼠标悬停数值显示。
echarts实现动态柱状图,满足大屏可视化对实时数据监测的需求
该flex应用程序演示了柱状图动态切换数据源 (event)"> 苹果" yField="apple" click="columnseries1_clickHandler(event)"/> 桔子" yField="orange" /> <!--梨" yField="pear"/>--> ...
Echarts 柱状图自动刷新数据,前台js的写法,不涉及到后台,下载打开即可查看效果
JFreeChart创建柱状图,之前网上很多都是创建柱状图的,静态的。数据更新之后柱状图随之改变,代码实现详见附件代码。所需要的jar包是jfreechart-1.0.13.jar,gnujaxp.jar,jcommon-1.0.16.jar
Python动态柱状图案例,获取了1959年至2018年各国人口统计数据,使用matplotlib绘制动态柱状图。
Echarts动态排名柱状图(自适应电脑和手机端)源代码,参见:https://blog.csdn.net/weixin_41290949/article/details/120672844
这是一个条形柱状图,实现动态的增加,和点击显示相应条形柱状图的数值。
Qt5.8 使用自带的QChart实现改变柱状图X轴及柱状图效果,这个积分是系统自己定的,不值这么多,有需要的可以私信(资源名+邮箱)
柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图
poi 3.17 资料为 demo + 模板 + 数据类 java 导出多数据 柱状图图表 到ppt
JFreeChart 饼状图 柱状图 柱状图 堆积柱状图 折线图 这个是我特地开发的一个用JFreeChart开发的用来画图的项目,已经开发成形了各种项目的各种需求的项目,并且自己可以拓展,根据需求修改代码,完成项目的需要。 ...
vue echarts实现柱状图动态展示 本文实例为大家分享了vue echarts实现柱状图动态展示的具体代码,供大家参考,具体内容如下 轮播图形式展现 <template> <div class="dan"> , height: '100%'}"></div> </div>...
设置echarts多个柱状图重叠或者叠加情况,堆叠是数据不会叠加,可以设置堆叠(stack),否则没有,是叠加横向柱状图,柱形图显示数值,以及设置隐藏一段方案(关联和不关联),鼠标移动上去显示的提示内容,动态改变...
用Labview做柱状图,可以做数据分析用
使用three.js绘制3d图表(柱状图,饼状图,环状图,面积图等).zip使用three.js绘制3d图表(柱状图,饼状图,环状图,面积图等).zip使用three.js绘制3d图表(柱状图,饼状图,环状图,面积图等).zip使用three.js...
css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3Dechars图,css柱状图3...
WPF 柱状图 堆积柱状图 Chart使用,VS2010版 C# WPF Chart组件实现柱状图,线形图,等统计图表
Axure动态图表+折线图+饼图+柱状图; 饼状图、柱状图、折线图含交互动画; 软件版本:Axure8.1(兼容Axure9、Axure10)
Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图,数据驱动更新charts (备份的案例) 源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar