- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Chart配置——数据值(DataValues)课案
Chart配置——数据值(Data Values)数据值(Data Values)是指每个数据显示图(Data Plot)上的标识数值。如一下柱形图(Column):上图所示的chart中,$434 或 $376等数值都是显示在柱形(Column)的上方。这也是数值的默认显示方式。但你可以通过设置chart showValues=’0’来隐藏它,甚至在隐藏之后,你还可以设置当鼠标移动到Column上的时候显示数值。用文字替换数值FusionCharts允许你为数据项(Data Item)指定自定义的string类型的值来替换默认的数值型的值。可以通过类set元素添加displayValue属性来指定。代码如下:chartyAxisName=Sales Figurecaption=Top 5 Sales PersonnumberPrefix=$useRoundEdges=1bgColor=FFFFFF,FFFFFFshowBorder=0baseFontSize=11? setlabel=Alexvalue=25000 ?/? setlabel=Markvalue=35000/? setlabel=Davidvalue=42300displayValue=Yearly best, $42.3K/? setlabel=Grahamvalue=35300/? setlabel=Johnvalue=31300//chart显示结果如下。每个Data Item的提示文字(tool-tip)依然显示为数值(除非额外指定tool-tip的格式)。数值显示模式(Mode)Chart中的Data Values可以以下面两种模式显示:普通模式(Normal)旋转模式(Rotated)在Column图形中,你还可以指定Data Values是显示在Column的内部(inside)还是外部(outside)。旋转模式默认情况下,FusionCharts以水平方式显示Data Values。但可通过设置chart rotateValues=’1’来旋转显示。效果如下:将Data Values置于Column的内部通过设置chart placeValuesInside=’1’来完成。效果如下:你还可以同时设置“旋转”和“置于内部”效果,chart rotateValues=1 placeValuesInside=1。效果如下:显示指定Data Item的Data Values想要只显示某个Data Item的Data Values,可先将设置chart showValues=’0’,然后将某个set元素的showValue=’1’。代码如下:chartnumberPrefix=$showValues=0? ? setlabel=Jan 2006value=434/? ? setlabel=Feb 2006value=376showValue=1/? ? setlabel=Mar 2006value=343/? ? setlabel=Apr 2006value=234/? ? setlabel=May 2006value=356//chart显示效果如下:改变字体(Font)属性为所有数值应用相同Font如果你想为chart的所有文本应用相同Font,可以使用 baseFont 属性组。属性组的属性描述如下:属性描述示例baseFont设置字体格式,如: Arial, Verdana baseFont=VerdanabaseFontSize设置字体大小 (8-72)baseFontSize=10baseFontColor设置字体元素,采用不带#号的十六进制表示法。如: 000000 or 009933 或 999999baseFontColor=009933示例如下:chartcaption=Quarterly Sales Summarysubcaption=Figures in $xAxis=QuarteryAxisName=SalesbaseFont=ArialbaseFontSize=12baseFontColor=333333? ?setlabel=Quarter 1value=420500/? ?setlabel=Quarter 2value=295400/? ?setlabel=Quarter 3value=523400/? ?setlabel=Quarter 4value=465400//chart显示效果如下:在上图中,所有的文本都采用了baseFont的属性组所指定的效果。如果你想将图表区域(Canvas)内部(包括:Data Values和Data Plot)和外部应用不同的字体,你需要同时设置 baseFont 和 outCnvBa
文档评论(0)