fusionCharts 柱状图上的提示信息

一般情况对于fusioncharts的柱状图,如果某根柱子标题的长度大于柱子宽度时,超出的部分会显示不完整,解决此问题方法大概有两种:

1.将标题字符串拆分成多个小字符串,中间增加换行符“\\n”

 

如下是拆分算法:

if(name.length()>4) {//name为标题字条串
     int num = name.length()/4;
     if(name.length()%4!=0){
       num ++;
     }
     String[] names = new String[num];
     for(int j=0; j      if(j!=(num-1)) {
       names[j] = name.substring(j*4, (j+1)*4);
      } else {
       names[j] = name.substring(j*4, name.length());
      }
     }
     String tempName = "";
     for(int j=0; j      tempName += names[j] + "\\n";
     }
     if(num      for(int m=0; m<(maxLen-num); m++) {
       tempName += "\\n";
      }
     }
     name = tempName;
    } else {
     if(1      for(int m=0; m       name += "\\n";
      }
     }
    }

 

 

 

 

2.给柱子增加一下鼠标悬停时的提示信息,做法如下:

 

 

 

以下转自:http://www.cnblogs.com/evgetsolutions/archive/2012/06/07/2539797.html

FusionCharts中的工具提示是什么?当鼠标悬停在一个特定的数据点上时就会显示工具提示,提示以下信息:

  1. 单系列图表(饼图和圆环除外):名称及数值
  2. Pie & Doughnut:名称及数值/百分比
  3. 多系列组合图表:系列名称,类别名称,数据值
fusionCharts 柱状图上的提示信息_第1张图片

如何禁用FusionCharts图表中的工具提示?

你可以通过设置showToolTip='0'来禁用工具提示。

例如:

如何在FusionCharts图表中设置数据点的自定义文本?

你可以利用元素中的tooltext属性来为数据点设置自定义工具提示。

例如:

yAxisName='Revenue' numberPrefix='$ showValues='0'>


...

结果如下:

fusionCharts 柱状图上的提示信息_第2张图片

如何自定义FusionCharts图表的背景色和边框颜色?

你可以利用元素中的toolTipBorderColor 属性和toolTipBgColor属性来自定义背景色和边框颜色。颜色不应该包括'#'符号。

例如:

结果如下:

fusionCharts 柱状图上的提示信息_第3张图片

如何利用样式来指定FusionCharts图表中工具提示文本的字体样式?

使用样式,您可以设置图表中不同文本的个别字体属性。

例如:

在给定的XML中,我们利用样式定义了工具提示中的字体属性。