博客访问： 206095
博文数量： 174
博客积分： 372
博客等级： 一等列兵
技术积分： 1708
注册时间：
致力于图形处理和移动开发。
APP发帖 享双倍积分
IT168企业级官微
微信号：IT168qiye
系统架构师大会
微信号：SACC2013
分类： Web开发
项目中需要FusionCharts图表显示双Y轴，好像FCF_MSLine.swf不可以这样，只能显示一个Y轴，多条线，找了一下，用MSCombiDY2D.swf可以实现，现在晒出来和大家分享一下。
项目中需要图表显示双Y轴，好像FCF_MSLine.swf不可以这样，只能显示一个Y轴，多条线，&找了一下，用MSCombiDY2D.swf可以实现，生成图如下：&
两个图表的数据是一样的，设置有一此不同而己。
对应的XML文本如下：&
现在要将区域图表变为曲线只需将&
parentYAxis='P'表示对应的为左边的Y轴&
parentYAxis='S'表示对应的为右边的Y轴&
renderAs表示形状，Area 为区域图表，Line为曲线图表&
阅读(2072) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。1640人阅读
FusionCharts（2）
原文来自：
FusionCharts:横坐标标签较长时显示方式
1.wrap方式
2.旋转显示
3.交错显示
4.每隔N个显示一个标签
5.截取显示，在tooltip中全显示
1.wrap方式
&chart labelDisplay='WRAP'&
2.旋转显示
&chart labelDisplay='Rotate' slantLabels='1' ..& 45度旋转或90度旋转labelDisplay='ROTATE'&
3.交错显示
&chart labelDisplay='Stagger' ..&. It will yield the following:
&chart labelDisplay='Stagger' staggerLines='n' ..&
4.每隔N个显示一个标签
&chart numberPrefix='$'&labelStep='4'&showValues='0'&
5.截取显示，在tooltip中全显示
&chart numberPrefix='$' rotateValues='1'&
&set label='J' toolText='January' value='434' /&
&set label='F' toolText='February' value='376' /&
&set label='M' toolText='March' value='343' /&
&set label='A' toolText='April' value='234' /&
&set label='M' toolText='May' value='356' /&
&set label='J' toolText='June' value='183' /&
&set label='J' toolText='July' value='365' /&
&set label='A' toolText='August' value='357' /&
&set label='S' toolText='September' value='375' /&
&set label='O' toolText='October' value='345' /&
&set label='N' toolText='November' value='655' /&
&set label='D' toolText='December' value='435' /&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：169267次
积分：1721
积分：1721
排名：第18219名
转载：95篇
(1)(2)(4)(2)(1)(2)(7)(13)(6)(3)(8)(3)(2)(4)(7)(4)(4)(8)(3)(5)(8)Echarts 关于axisLabel中值太长不自动换行的问题 - 开源中国社区
当前访客身份：游客 [
当前位置：
你好，想跟你请教个问题：
前辈 请问 axisLabel 的值没有换行的属性吗？ 怎么让它换行？
---------------问题补充---------------
：创始人您好，请问tooltips和legend文字过长，怎么处理啊？盼回复，谢谢。
共有9个答案
<span class="a_vote_num" id="a_vote_num_
抱歉，没有换行，可以rotate
<span class="a_vote_num" id="a_vote_num_
我试过调角度 但是太长了 就显示不出来了 &&要是值太长 就不能用啊
<span class="a_vote_num" id="a_vote_num_
前辈 帮忙 想想办法吧？感激不尽啊
<span class="a_vote_num" id="a_vote_num_
好多种解决思路，interval为auto，应该就能默认隐藏显示不下的。
设置formatter自己格式标签精简文字也行
<span class="a_vote_num" id="a_vote_num_
欢迎github上提，贴代码我帮你看看
<span class="a_vote_num" id="a_vote_num_
看到这个问题了，提供个解决办法，可以让文字竖直显示。
在axisLabel下添加属性：
formatter:function(val){
return val.split(&&).join(&\n&);
ps:使用rotate 旋转方式，会造成文字显示模糊，效果不好。
<span class="a_vote_num" id="a_vote_num_
问题得不到根本的解决，帮忙看看这个问题
这样的问题很多图形库都有，highcharts 因为它支持使用html所以这个问题得到了解决
<span class="a_vote_num" id="a_vote_num_
* &li&Echarts 中axisLabel中值太长自动换行处理；经测试：360、IE7-IE11、google、火狐
* 均能正常换行显示&/li&
* &li&处理echarts 柱状图 x 轴数据显示根据柱子间隔距离自动换行显示&/li&
* @param title
将要换行处理x轴值
* @param data
* @param fontSize
x轴数据字体大小，根据图片字体大小设置而定，此处内部默认为12
* @param barContainerWidth &&&&&&&&柱状图初始化所在的外层容器的宽度
* @param xWidth
柱状图x轴左边的空白间隙 x 的值，详见echarts文档中grid属性，默认80
* @param x2Width
柱状图x轴邮编的空白间隙 x2 的值，详见echarts文档中grid属性，默认80
* @param insertContent
每次截取后要拼接插入的内容， 不传则默认为换行符：\n
* @returns titleStr
截取拼接指定内容后的完整字符串
* @author lixin
function getEchartBarXAxisTitle(title, datas, fontSize, barContainerWidth, xWidth, x2Width, insertContent){
if(!title || title.length == 0) {
alert("截取拼接的参数值不能为空！");
if(!datas || datas.length == 0) {
alert("用于计算柱状图柱子个数的参数datas不合法！");
if(isNaN(barContainerWidth)) {
alert("柱状图初始化所在的容器的宽度不是一个数字");
if(!fontSize){
fontSize = 12;
if(isNaN(xWidth)) {
xWidth = 80;//默认与echarts的默认值一致
if(isNaN(x2Width)) {
xWidth = 80;//默认与echarts的默认值一致
if(!insertContent) {
insertContent = "\n";
var xAxisWidth =
parseInt(barContainerWidth) - (parseInt(xWidth) + parseInt(x2Width));//柱状图x轴宽度=统计页面宽度-柱状图x轴的空白间隙(x + x2)
var barCount = datas.
//x轴单元格的个数（即为获取x轴的数据的条数）
var preBarWidth = Math.floor(xAxisWidth / barCount);
//统计x轴每个单元格的间隔
var preBarFontCount = Math.floor(preBarWidth / fontSize) ; //柱状图每个柱所在x轴间隔能容纳的字数 = 每个柱子 x 轴间隔宽度 / 每个字的宽度（12px）
if(preBarFontCount & 3) { //为了x轴标题显示美观，每个标题显示留两个字的间隙，如：原本一个格能一样显示5个字，处理后一行就只显示3个字
preBarFontCount -= 2;
} else if(preBarFontCount &= 3 && preBarFontCount &= 2) {//若每个间隔距离刚好能放两个或者字符时，则让其只放一个字符
preBarFontCount -= 1;
var newTitle = "";
//拼接每次截取的内容，直到最后为完整的值
var titleSuf = "";
//用于存放每次截取后剩下的部分
var rowCount = Math.ceil(title.length / preBarFontCount); //标题显示需要换行的次数
if(rowCount & 1) {
//标题字数大于柱状图每个柱子x轴间隔所能容纳的字数，则将标题换行
for(var j = 1; j &= rowC j++) {
if(j == 1) {
newTitle += title.substring(0, preBarFontCount) + insertC
titleSuf = title.substring(preBarFontCount); //存放将截取后剩下的部分，便于下次循环从这剩下的部分中又从头截取固定长度
var startIndex = 0;
var endIndex = preBarFontC
if(titleSuf.length & preBarFontCount) { //检查截取后剩下的部分的长度是否大于柱状图单个柱子间隔所容纳的字数
newTitle += titleSuf.substring(startIndex, endIndex) + insertC
titleSuf = titleSuf.substring(endIndex); //更新截取后剩下的部分，便于下次继续从这剩下的部分中截取固定长度
} else if(titleSuf.length & 0){
newTitle += titleSuf.substring(startIndex);
newTitle =
return newT
* 滚动瀑布加载函数
* @param opts{selector: "#id"（需要滚动瀑布加载的元素选择器）, fn: getUserInfo（瀑布加载时的回调函数方法名）, fnParams: param（参数）}
function scrollLoad(opts){
var options = {
selector: null,
fnParams: null
options =$.extend(true, options, opts);
var selector = options.
var callbackFn = options.
var fnParams = options.fnP
if(selector == null || selector == "" || selector == "undefined") {
("瀑布加载元素选择器不能为空！");
if(callbackFn == null || callbackFn == "" || callbackFn == "undefined") {
("瀑布加载回调函数不能为空！");
var loadCompleted = //当前元素是否已经加载完成，true：未完成，false：完成
$(top.window).scroll(function(){
var winheight = $(top.window).height();
var scheight = $(top.window).scrollTop();
if ($(selector).offset().top &= (winheight + scheight) && loadCompleted) {
($(selector).offset().top+"===winH="+(winheight + scheight)+"====t="+new Date().getTime());
loadCompleted =
if(typeof(callbackFn) == "function") {
("load " + callbackFn.name + "!!!");//~
if(fnParams) {
callbackFn(fnParams);
callbackFn();
} else if(callbackFn instanceof Array) { //若回调函数指定了多个方法
for(var i = 0; i& callbackFn. i++) {
("load " + callbackFn[i].name + "!!!");//~
if(fnParams) {
callbackFn[i](fnParams);
callbackFn[i]();
效果如下：
--- 共有 2 条评论 ---
: 不好意思，后面的瀑布加载那个函数跟xAxis换行效果无关，可能是发布的时候从项目文件中copy多了，直接黏进来没注意到后面，谢谢您指出来
(2年前)&nbsp&
您的针对xAxis换行的方法非常有效果，我还想知道你贴的代码中的后一个function瀑布加载是干什么的，与这个解决办法有关系吗？
(2年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
/Hanccc/newline-echarts
这个有效解决
更多开发者职位上
有什么技术问题吗？
1135978...的其它问题
类似的话题FusionCharts参数大全中文说明_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
FusionCharts参数大全中文说明
上传于||暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩8页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢}