快速解决FusionCharts联动的中文乱码问题

2026-02-18 15:39:48

问题内容:

使用fusioncharts 时,也许你想在如demo.html 这个页面点击Chart的一个部分,然后显示这个部分的详细内容。

fusioncharts有setDataXML,setDataURL 这两个方法是用来设置数据的.但是会有乱码问题(可能出现在AJAX情况),具体使用过的童鞋应该明白.

具体细节不详细说明了.

处理办法.

如果你Ajax请求的返回内容乱码,就直接使用Jquery.ajax.

代码如下:

function mychartclick(month) {
var id =1;

var d = new Date();
var strURL='xxxx'

jQuery.ajax({
type: "Get",
url: strURL

data: strURL,
                        success: function (data) {
                               var chartObj = getChartFromId("myid");
                               chartObj.setDataXML(data);              //这里直接用data 来设置myid的内容就可以了.
                        }
                    });
     }

乱码就没了..

FusionCharts图表显示双Y轴双(多)曲线

项目中需要FusionCharts图表显示双Y轴,好像FCF_MSLine.swf不可以这样,只能显示一个Y轴,多条线, 找了一下,用MSCombiDY2D.swf可以实现,生成图如下: 两个图表的数据是一样的,设置有一此不同而己对应的XML文本如下: 复制代码代码如下: <chart palette='2' caption='图表' rotateNames='0' showValues='0' divLineDecimalPrecision='1' limitsDecimalPrecisi
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的单折线图效果.分享给大家供大家参考,具体如下: 1.问题背景: 设计一个折线图,展示一个星期内水果销售量 2.实现源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-单折线图</title> <script type="text/javascript"
JSP FusionCharts Free显示图表具体实现

FusionCharts Free的下载地址:http://www.fusioncharts.com/goodies/fusioncharts-free/ 接下来在jsp页面中引入js 复制代码代码如下: <script type="text/javascript" src="FusionChartsFree/JSClass/FusionCharts.js"></script> 然后写入复制代码代码如下: <script type
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的循环生成图效果.分享给大家供大家参考,具体如下: 1.问题背景: 利用for循环生产多个气泡图,并且每个气泡都可以点击 2.实现源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-循环生成图</title> <script type="text/javascr
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts实现的2D面积图效果.分享给大家供大家参考,具体如下: 1.实现代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&qu
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts实现的2D饼状图效果.分享给大家供大家参考,具体如下: 1.实现源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>FusionCharts2D饼图</title> <script src="js/jquery-1.4.2.min.js"></scr
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】

本文实例讲述了jQuery插件Echarts实现的双轴图效果.分享给大家供大家参考,具体如下: 1.问题描述: 利用Echarts制作一个折线图,条件是:三条折线,一条代表可利用率,另外两条代表数量. 2.实现源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-双轴图</title> <script type=&quo
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法

本文实例讲述了jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法.分享给大家供大家参考,具体如下: 1.问题背景设计一条折线图,但是图形中不用插件自带的颜色,需要自定义线条和折点的颜色 2.实现源码 (1)图形自分配颜色 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-设置折线图中折线线条颜色和折线点颜色</t
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts绘制的3D饼状图效果.分享给大家供大家参考,具体如下: 1.实现源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>最新版FusionCharts3D饼图</title> <script src="js/jquery-1.4.2.min.js"></s
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts实现的2D柱状图效果.分享给大家供大家参考,具体如下: 1.实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>FusionCharts最新FusionCharts2D柱状图</title> <script type="text/javascript" sr
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的多柱子柱状图效果.分享给大家供大家参考,具体如下: 1.问题背景: 利用ECharts制作一个多柱子柱状图,其中数据源模拟动态获取 2.实现源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-多柱子柱状图</title> <script type="text/
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的多折线图效果.分享给大家供大家参考,具体如下: 1.问题背景: 设计一个折线图,折线图展示苹果.香蕉的销售量 2.实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-多折线图</title> <script type="text/javascript&qu
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts实现的3D柱状图效果.分享给大家供大家参考,具体如下: 1.实现源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>FusionCharts3D柱状图</title> <script src="js/jquery-1.4.2.min.js"></sc

快速解决FusionCharts联动的中文乱码问题

相关推荐

随机推荐