跟ibm同事一起负责中行风险管理系统的开发,前几天做的图表突然不显示了
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="${webResRoot}/default/css/jquery.jOrgChart.css"/>
<script type="text/javascript" src="${webResRoot}/default/js/jquery/jquery-1.8.2.js"> </script>
<script type="text/javascript" src="${webResRoot}/default/js/jquery.jOrgChart.js"> </script>
<title>权重法</title>
<script>
jQuery(document).ready(function() {
$("#org").jOrgChart({
chartElement : '#chart',
dragAndDrop : false
});
});
</script>
</head>
<body onload="prettyPrint();">
<ul id="org" style="display:none">
<li><div class="chart_ablue">权重法</div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">风险权重</a></div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">资产的风险权重</a></div></li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">缓释品的风险权重</a></div></li>
</ul>
</li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">风险敞口</a></div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">债项风险敞口</a></div>
<ul>
<li><div class="chart_ablue">表内</div>
<ul>
<li><div class="chart_blue"><a href="####">账面金额</a></div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">信贷类</a></div></li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">债券类</a></div></li>
</ul>
</li>
<li><div class="chart_blue"><a href="####">准备金</a></div></li>
</ul>
</li>
<li><div class="chart_ablue">表外</div>
<ul>
<li><div class="chart_blue"><a href="####">余额</a></div></li>
<li><div class="chart_blue"><a href="####">准备金</a></div></li>
<li><div class="chart_blue"><a href="####">CCF</a></div></li>
</ul>
</li>
<li><div class="chart_ablue">衍生品</div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">ADDON</a></div></li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">MTM</a></div></li>
</ul>
</li>
<li><div class="chart_ablue">证券融资类</div>
<ul>
<li><div class="chart_ablue">交易账户</div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">风险暴露折扣系数He</a></div></li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">账面余额或债券价值</a></div></li>
</ul>
</li>
<li><div class="chart_ablue">银行账户</div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">账面余额或债券价值</a></div></li>
</ul>
</li>
</ul>
</li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">支付结算过程中形成的证券/商品/外汇风险</a></div>
<ul>
<li><div class="chart_ablue">DVP模式</div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">合约结算价格</a></div></li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">当期市场价格</a></div></li>
</ul>
</li>
<li><div class="chart_ablue">非DVP模式</div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">交易对手未支付部分</a></div></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">缓释品覆盖风险敞口</a></div>
<ul>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">C</a></div></li>
<li><div class="chart_blue"><a href="####" title="时点:${nowTime} 数值:180000">账面金额/余额</a></div></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<div id="chart" class="orgChart"></div>
</body>
</html>
以上是正确的,我出错的原因在于我的网页是基于 xhtml的方式,他对格式要求很严格,比如<td></td>这样是不行的,
需要加上  才可以。
分享到:
相关推荐
Highcharts 导出图片,具体的图片导出的代码,带吗代码代码代码
highCharts 示例 demo highCharts入门 highCharts 自己 按照API文档 写的 几个小例子 另一篇 是一个 fusioncharts 的例子 需要...另外 怎么用highcharts 和 fusioncharts 画 雷达图 ,仪表图 ,会的 朋友 ,赐教一下!
highcharts导出图片的后台代码,这样就不用从highcharts官网服务器上进行图片导出了,成了一个本地的服务器!
总的来说,解决Highcharts导出图片中的中文乱码问题需要综合考虑前端的Highcharts配置、后端的服务器环境、中间可能涉及的代理服务以及所有环节的字符编码设置。通过仔细排查并尝试上述方法,应该能够成功解决这个...
Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建各种动态、交互式的图表,包括柱状图、折线图、饼图等多种类型。在本案例中,我们聚焦于"Highcharts柱状图显示",特别是柱状图...
Highcharts是一款强大的JavaScript图表库,它能够帮助开发者创建各种类型的图表,包括柱状图、折线图、饼图以及我们关注的雷达图等。在Web应用中,雷达图常用于展示多维数据,每个轴代表一个特性或指标,数据点则...
HighCharts导出图片是发现请求的是官网,于是找了一下,整理了这个导出请求本地服务导出png、jpg、svg和pdf的demo (GitHub里找的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharp...
HighCharts是一款广泛应用于Web开发中的JavaScript图表库,用于创建各种数据可视化效果,如折线图、柱状图、饼图等。在实际项目中,有时我们需要将这些动态生成的图表导出为静态图片,以便于打印、分享或离线查看。...
Highcharts是一款强大的JavaScript图表库,它能够帮助开发者创建各种类型的互动图表,如折线图、柱状图、饼图等。在实际应用中,我们有时需要将这些图表以图片的形式保存下来,以便于报告、分享或者离线查看。本文将...
Highcharts是一款强大的JavaScript图表库,用于在Web页面上创建各种互动式图表,如折线图、柱状图、饼图等。它支持SVG(可缩放矢量图形)技术,可以提供高质量的视觉表现。在.NET C#环境中,如果你想利用Highcharts...
Highcharts是一款强大的JavaScript图表库,它能够帮助开发者轻松地在网页上创建出各种高质量的数据可视化图形,如柱状图、线图、饼图、散点图等。在本项目中,“Highcharts实现图形报表”旨在利用Highcharts的功能,...
在前端开发中,数据可视化是不可或缺的一部分,Highcharts是一个强大的JavaScript图表库,它提供了丰富的图表类型,包括柱状图、折线图、饼图以及我们这里关注的Venn图(韦恩图)。Venn图是一种特殊的图表,常用于...
Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建各种动态、交互式的图表,包括曲线图和饼状图。这个库以其简洁的API、强大的自定义能力和跨浏览器兼容性而受到欢迎。在本文中,...
Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建各种数据可视化图表,如折线图、柱状图、饼图等。在实际应用中,有时我们需要将这些图表导出为图片格式,以便于保存、打印或分享...
在"时序图"这个场景中,HighCharts被用来展示实时更新的数据,就像心电图一样连续不断地展示时间序列信息。这种类型的图表对于监控动态变化的数据非常有用,比如在金融市场的股票价格跟踪、物联网设备的状态监测或者...
Highcharts支持多种图表类型,如折线图(line)、面积图(area)、柱状图(column)等。数据通常以JSON格式提供,每一项代表一个数据点,包含x轴和y轴的值。对于实时趋势图,x轴通常是时间戳,y轴是对应的时间序列...
首先,要实现Highcharts .NET导出图片功能,你需要安装相关的NuGet包。这通常可以通过Visual Studio的管理NuGet程序包工具完成,搜索"HighchartsExport"并安装。这个库提供了C#接口,可以调用Highcharts的服务器端...
Highcharts是一款强大的JavaScript图表库,用于在Web应用中创建各种数据可视化效果,包括曲线图、柱状图、饼图等。在这个"Highcharts构建曲线图"的实例中,我们将深入探讨如何利用Highcharts来绘制一个基本的曲线图...
Highcharts提供的Geojson世界地图数据集的国家名称中文翻译,Vue使用Highcharts实现世界地图的详细介绍来自我的另一篇文章,可供参考,有问题可随时联系,感谢支持: ...
ECharts是由百度开发的一个开源的、基于JavaScript的数据可视化库,它提供了丰富的图表类型,包括柱状图、折线图、饼图以及各种地图等。在地图方面,ECharts提供了全国以及中国各省份、城市的地图数据,可以用于展示...