欢迎来到天天文库
浏览记录
ID:42574814
大小:106.59 KB
页数:6页
时间:2019-09-18
《Chart配置——数据显示图》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Chart配置——数据显示图数据显示图包含柱形图(column)的柱(column)、线形图(line)的线(line)以及饼形图(pie)的显示块(pie)。为数据显示图自定义颜色在整个chart中,你可以为每个数据显示(dataplot)指定不同的自定义颜色。可以通过原色的color属性来完成。颜色值必须使用以“#”开头的十六进制颜色。代码如下: 2、label='Mar'value='720000'color='0000FF'/> ....显示效果如下:取消渐变颜色默认情况下,FusionCharts将FFFFFF作为渐变颜色的开始颜色。如果你不想应用渐变色的话,可以使用plotGradientColor属性来取消或设置渐变色。要取消渐变色,只要将属性值设置为空就可以了。代码如下: 3、='00FF00'/> ....显示效果如下:应用渐变色可以使用plotGradientColor属性为整个chart所有dataplot指定统一的渐变开始色。比如,如果你想将#333333设置为column2D图形的column的渐变色,可按如下设置: 4、label='Mar'value='720000'/> ....显示效果如下:控制渐变属性可以使用如下属性来控制dataplot的渐变效果:属性范围说明plotFillAngle0-360设置渐变的角度plotFillRatio0-100设置渐变色的显示比例plotFillAlpha0-100设置渐变色的透明度设置示例如下:显示图(plot)边框默认情况下,每一个datapl5、ot都会显示边框(border),你可以讲border隐藏:代码如下: ....显示效果如下:设置虚线边框你可以通过plotBorderDashed='1'属性将plot的边框设置为虚线(dashed)。虚线的线长和间隙的长度可以通过plotBorderDashLen和plotBorderDashGap属性6、设置。显示效果如下:使用圆角和透明效果设置column2D和2DBars图表在2Dcolumns和Bars图表中可以为border设置圆角和透明效果。只需要为元素添加useRoundEdges='1'属性即可。代码如下:7、dEdges='1'> 显示效果如下:可以看到,在上面的图像中,column变成了圆角,且填充色带
2、label='Mar'value='720000'color='0000FF'/> ....显示效果如下:取消渐变颜色默认情况下,FusionCharts将FFFFFF作为渐变颜色的开始颜色。如果你不想应用渐变色的话,可以使用plotGradientColor属性来取消或设置渐变色。要取消渐变色,只要将属性值设置为空就可以了。代码如下: 3、='00FF00'/> ....显示效果如下:应用渐变色可以使用plotGradientColor属性为整个chart所有dataplot指定统一的渐变开始色。比如,如果你想将#333333设置为column2D图形的column的渐变色,可按如下设置: 4、label='Mar'value='720000'/> ....显示效果如下:控制渐变属性可以使用如下属性来控制dataplot的渐变效果:属性范围说明plotFillAngle0-360设置渐变的角度plotFillRatio0-100设置渐变色的显示比例plotFillAlpha0-100设置渐变色的透明度设置示例如下:显示图(plot)边框默认情况下,每一个datapl5、ot都会显示边框(border),你可以讲border隐藏:代码如下: ....显示效果如下:设置虚线边框你可以通过plotBorderDashed='1'属性将plot的边框设置为虚线(dashed)。虚线的线长和间隙的长度可以通过plotBorderDashLen和plotBorderDashGap属性6、设置。显示效果如下:使用圆角和透明效果设置column2D和2DBars图表在2Dcolumns和Bars图表中可以为border设置圆角和透明效果。只需要为元素添加useRoundEdges='1'属性即可。代码如下:7、dEdges='1'> 显示效果如下:可以看到,在上面的图像中,column变成了圆角,且填充色带
3、='00FF00'/> ....显示效果如下:应用渐变色可以使用plotGradientColor属性为整个chart所有dataplot指定统一的渐变开始色。比如,如果你想将#333333设置为column2D图形的column的渐变色,可按如下设置: 4、label='Mar'value='720000'/> ....显示效果如下:控制渐变属性可以使用如下属性来控制dataplot的渐变效果:属性范围说明plotFillAngle0-360设置渐变的角度plotFillRatio0-100设置渐变色的显示比例plotFillAlpha0-100设置渐变色的透明度设置示例如下:显示图(plot)边框默认情况下,每一个datapl5、ot都会显示边框(border),你可以讲border隐藏:代码如下: ....显示效果如下:设置虚线边框你可以通过plotBorderDashed='1'属性将plot的边框设置为虚线(dashed)。虚线的线长和间隙的长度可以通过plotBorderDashLen和plotBorderDashGap属性6、设置。显示效果如下:使用圆角和透明效果设置column2D和2DBars图表在2Dcolumns和Bars图表中可以为border设置圆角和透明效果。只需要为元素添加useRoundEdges='1'属性即可。代码如下:7、dEdges='1'> 显示效果如下:可以看到,在上面的图像中,column变成了圆角,且填充色带
4、label='Mar'value='720000'/> ....显示效果如下:控制渐变属性可以使用如下属性来控制dataplot的渐变效果:属性范围说明plotFillAngle0-360设置渐变的角度plotFillRatio0-100设置渐变色的显示比例plotFillAlpha0-100设置渐变色的透明度设置示例如下:显示图(plot)边框默认情况下,每一个datapl
5、ot都会显示边框(border),你可以讲border隐藏:代码如下: ....显示效果如下:设置虚线边框你可以通过plotBorderDashed='1'属性将plot的边框设置为虚线(dashed)。虚线的线长和间隙的长度可以通过plotBorderDashLen和plotBorderDashGap属性
6、设置。显示效果如下:使用圆角和透明效果设置column2D和2DBars图表在2Dcolumns和Bars图表中可以为border设置圆角和透明效果。只需要为元素添加useRoundEdges='1'属性即可。代码如下:7、dEdges='1'> 显示效果如下:可以看到,在上面的图像中,column变成了圆角,且填充色带
7、dEdges='1'>
此文档下载收益归作者所有