`
副团长
  • 浏览: 9625 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

fusioncharts 图表中显示中文问题 setDataURL()h和setDataXML

阅读更多
工作中用到fusioncharts 但是遇到中文乱码问题,希望帮我解决一下:

MSColumn3D.xml 文件:

<?xml version="1.0" encoding="Utf-8"?>
<chart caption='Types browser of IE Comparison' XAxisName='Types' palette='2' rotateYAxisName='0' baseFont='宋体' baseFontSize='14'
animation='1'
subcaption='(点击数据柱子等到每个类型的具体数据)'
formatNumberScale='0' numberPrefix='$' showValues='0'
seriesNameInToolTip='0'>
<categories>
<category label='News' />
<category label='BBS' />
<category label='博客' />
</categories>
<dataset seriesname='Revenue'>
<set value='219702' link='%2E%2E%2Fservlet%2FType' />
<set value='682796' link='javaScript%3AupdateCharts%28BBS%29%3B' />
<set value='547248' link='javaScript%3AupdateCharts%281996%29%3B' />
</dataset>


<styles>

<definition>
<style type='font' color='666666' name='CaptionFont' size='15' />
<style type='font' name='SubCaptionFont' bold='0' />
</definition>

<application>
<apply toObject='caption' styles='CaptionFont' />
<apply toObject='SubCaption' styles='SubCaptionFont' />
</application>
</styles>

</chart>

jsp部分代码:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
  <tr>
    <td valign="top" class="text" align="center"> <div id="chartdiv" align="center">
        FusionCharts. </div>
      <script type="text/javascript">
  var chart = new FusionCharts("../Charts/MSColumn3D.swf", "catChartLoaded", "600", "350", "0", "0");
  chart.setDataURL("Data/MSColumn3D.xml");   
  chart.render("chartdiv");
</script> </td>
  </tr>
  <tr>
    <td valign="top" class="text" align="center">&nbsp; </td>
  </tr>
  <tr>
    <td valign="top" class="text" align="center"> <a href="Data/MSColumn3D.xml" target="_blank"> <img src="../Contents/Images/BtnViewXML.gif" alt="View XML for the above chart" width="75" height="25" border="0" /> </a> </td>
  </tr>
</table>

这样显示出来的不对


同时我在网上看到一片帖子:
如下:FusionCharts flash中文问题,使用UTF-8 or GBK,X 轴正常,Y轴不能显示中文!
请大家帮忙!谢谢!

<?xml version="1.0" encoding="Utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c />
...
var chart = new FusionCharts("../Charts/Column2D.swf", "ChartId", "500", "300", "0", "0");   

chart.setDataXML(" <chart baseFont='宋体' baseFontSize='12' palette='10'  caption='标题' xAxisName='X轴' yAxisName='Y轴' showValues='0' decimals='0' formatNumberScale='0' useRoundEdges='1'> <set label='1月' value='462' /> <set label='Feb' value='857' /> <set label='Mar' value='671' /> <set label='Apr' value='494' /> <set label='May' value='761' link='javascript:myJS()'/> <set label='Jun' value='960' link='n-DemoLinkPages/DemoLink1.html'/> </chart>")

chart.render("chartdiv");

你把其中Y轴的汉字横写就OK了。

chart.setDataXML(" <chart rotateYAxisName='0' baseFont='宋体' baseFontSize='14' palette='10'  caption='标题' xAxisName='X轴' yAxisName='Y轴' showValues='0' decimals='0' formatNumberScale='0' useRoundEdges='1'> <set label='1月' value='462' /> <set label='Feb' value='857' /> <set label='Mar' value='671' /> <set label='Apr' value='494' /> <set label='May' value='761' link='javascript:myJS()'/> <set label='Jun' value='960' link='n-DemoLinkPages/DemoLink1.html'/> </chart>")

留意其中粗体字。


[img]http://j2ee.blogbus.com/files/12269807970.jpg [/img]
我测试了是正确的,但是我现在的问题是,我的图表是动态的,所以我用的是setDataURL(../servlet/Type),这个servlet会返回一个xml,如本文开始的MSColumn3D.xml,但是中文没办法正确显示,

求用过的人帮我一下,谢谢了。

如果大家有什么好的报表组件,希望推荐一下
分享到:
评论
3 楼 xuwenhao 2009-11-17  
在XML开头加上UTF-8的BOM,参见http://www.fusioncharts.com/Docs/Contents/SpChar.html
2 楼 副团长 2008-11-20  
谢谢,我去找找你的附件,希望有帮助,谢谢
1 楼 yongboy 2008-11-19  
这个东东还是很好使用的。
我在使用过程之中也碰到了乱码问题,并且写了一篇文档,因为是word格式,请参阅附件,里面有详细的针对各种不同乱码问题进行解决的方法。

希望可以帮上忙~

相关推荐

    FusionCharts图表组件简单使用

    值得注意的是,FusionCharts提供的文件包中包含了Charts文件夹(存放Flash图表文件)、Code文件夹(包含各种语言的示例代码)、Gallery(所有图表的简单示例)以及JSClass文件夹(包含核心的`FusionCharts.js`和`...

    利用FusionCharts 实现数据图表展示

    通过以上步骤和技巧,我们可以高效地利用FusionCharts实现在Web应用中的数据图表展示,使数据的分析和理解变得更加直观和便捷。在实际操作中,不断探索和学习FusionCharts提供的丰富API和文档,将有助于我们更好地...

    fusionCharts是如何在网页呈现图表

    在实际应用中,开发者首先需要在HTML页面中引入FusionCharts的JavaScript库和图表SWF文件,然后创建一个JavaScript对象实例化图表,指定图表类型、宽度、高度以及数据源。接着,通过调用图表对象的方法来配置图表的...

    FusionCharts图表制作插件

    7. **API和工具**:FusionCharts提供了一系列的API和工具,用于图表的控制、事件处理和自定义。这些API使得开发者可以轻松实现如图表的动态更新、数据的导入导出等功能。 在Java和JavaScript环境中使用FusionCharts...

    FusionCharts图表控件中文版使用手册.doc

    《FusionCharts图表控件中文版使用手册》是针对初学者设计的一份详细教程,旨在帮助用户快速掌握这款强大的图表工具。FusionCharts是一款流行的JavaScript图表库,它能够以丰富的互动性和美观的视觉效果呈现数据。 ...

    FusionCharts图表控件中文版使用手册整理.pdf

    对于中文编码问题,FusionCharts提供了解决方案,确保在XML数据文件中正确显示中文字符,避免乱码。这通常涉及到设置正确的字符编码,例如UTF-8,并在JavaScript或服务器端代码中处理编码转换。 除了上述核心属性,...

    Java 实现 FusionCharts 图表导出图片或PDF文件功能实例源码

    在Java开发中,FusionCharts是一款强大的图表库,它提供了丰富的图表类型以及高度自定义的能力,使得开发者可以轻松创建交互式、美观的数据可视化效果。本文将深入探讨如何使用Java实现FusionCharts图表的导出功能,...

    fusioncharts图表

    FusionCharts是一款强大的数据可视化工具,专为Web开发者设计,用于创建吸引人的、交互式的图表和图形。这款图表库以其出色的性能、丰富的样式和多样的图表类型而受到广泛赞誉,尤其在统计分析和数据呈现方面表现...

    FusionCharts图表控件中文版使用手册定义.pdf

    《FusionCharts图表控件中文版使用手册定义》是一份详细介绍如何使用FusionCharts图表控件的网络文档。FusionCharts是一款强大的图表生成工具,它能够帮助开发者创建丰富的交互式图表,广泛应用于数据分析和可视化...

    已破解的FusionCharts图表SWF文件

    已破解的FusionCharts图表SWF文件

    自己整理的FusionCharts(支持中文)

    本文将深入探讨如何利用FusionCharts在JavaScript中实现在图表中显示中文,包括`setDataXml()`和`setDataUrl()`两种方法的使用。 首先,让我们了解FusionCharts的基本结构。FusionCharts是由HTML、JavaScript和XML...

    FusionCharts图表工具的技术参数

    综上所述,FusionCharts不仅提供了多样化的图表类型和强大的技术支撑,还在兼容性、设备支持和编程接口方面展现出卓越的灵活性和广泛的应用潜力。无论是专业数据分析师还是前端开发者,都能借助FusionCharts实现高效...

    FusionCharts图表控件中文版使用手册下载

    以下是对FusionCharts图表控件中文版使用手册中的主要知识点的详细说明: 1. **构成FusionCharts的三要素**: - **SWF动画文件**:这是FusionCharts的核心部分,它是一个Flash文件,负责渲染图表的视觉效果。SWF...

    fusioncharts图表组件效果图集

    本资源包"fusioncharts图表组件效果图集"是FusionCharts功能展示的集合,旨在帮助用户更好地理解和欣赏FusionCharts在实际应用中的效果。 FusionCharts支持多种图表类型,包括但不限于柱状图、折线图、饼图、散点图...

    FusionCharts图表工具实例学习笔记

    FusionCharts是一款强大的JavaScript图表库,它提供了丰富的交互式图表,...通过理解其基本概念、安装集成、数据准备、图表创建和自定义,你将能够熟练地在项目中运用FusionCharts,提升数据展示的视觉效果和用户体验。

    FusionCharts图表插件开发教程.ppt

    具体讲述FusionCharts图表的应用及开发。

    Fusioncharts 图表

    FusionCharts是一款功能丰富的JavaScript图表库,用于创建交互式的、可视化数据的2D和3D图表。这款图表框架广泛应用于数据分析、报告制作、网站开发、应用程序界面设计等多个领域。FusionCharts支持多种图表类型,...

Global site tag (gtag.js) - Google Analytics