FusionCharts-v3.1功能特性中文介绍
根据给定的信息,我们可以详细解析FusionCharts v3.1版本中的主要功能特性和配置选项。FusionCharts是一款强大的图表库,广泛应用于Web应用程序中,用于数据可视化。 ### 一、基本配置项 #### 1. **动画效果 (animation)** - 默认值:1(True) - 描述:开启或关闭图表加载时的动画效果。 #### 2. **显示标签名称 (showNames)** - 默认值:1(True) - 描述:设置是否在图表上显示标签名称。 #### 3. **旋转标签名称 (rotateNames)** - 默认值:0(False) - 描述:控制标签名称是否进行旋转显示。这对于长标签特别有用,可以避免重叠。 #### 4. **显示数值 (showValues)** - 默认值:1(True) - 描述:控制图表中是否显示具体的数值。 #### 5. **y轴最小值 (yAxisMinValue)** - 描述:定义y轴的最小数值,可用于调整坐标轴范围。 #### 6. **y轴最大值 (yAxisMaxValue)** - 描述:定义y轴的最大数值,同样用于调整坐标轴范围。 #### 7. **显示y轴限制 (showLimits)** - 默认值:1(True) - 描述:设置是否显示y轴的数值限制。 ### 二、图表标题与副标题 #### 1. **图表标题 (caption)** - 描述:为图表添加主标题。 #### 2. **图表副标题 (subCaption)** - 描述:为图表添加副标题,通常用于提供额外的信息或者解释。 ### 三、轴配置 #### 1. **x轴名称 (xAxisName)** - 描述:设置x轴的名称。 #### 2. **y轴名称 (yAxisName)** - 描述:设置y轴的名称。 ### 四、背景颜色配置 #### 1. **图表背景颜色 (bgColor)** - 默认值:6位16进制颜色值 - 描述:设置图表背景的颜色。 #### 2. **画布背景颜色 (canvasBgColor)** - 默认值:6位16进制颜色值 - 描述:设置图表所在画布的背景颜色。 #### 3. **画布背景透明度 (canvasBgAlpha)** - 默认值:100(Alpha值) - 描述:设置画布背景的透明度,取值范围为0到100,其中0表示完全透明,100表示不透明。 #### 4. **画布边框颜色 (canvasBorderColor)** - 默认值:6位16进制颜色值 - 描述:设置画布边框的颜色。 #### 5. **画布边框厚度 (canvasBorderThickness)** - 默认值:2 - 描述:设置画布边框的厚度,单位为像素。 ### 五、阴影效果配置 #### 1. **阴影透明度 (shadowAlpha)** - 默认值:取值范围0到100 - 描述:设置图表阴影的透明度。 ### 六、图例配置 #### 1. **显示图例 (showLegend)** - 默认值:1(True) - 描述:控制图表是否显示图例。 ### 七、字体配置 #### 1. **基础字体 (baseFont)** - 描述:设置图表中使用的字体类型。 #### 2. **基础字体大小 (baseFontSize)** - 描述:设置图表中字体的基本大小。 #### 3. **基础字体颜色 (baseFontColor)** - 默认值:6位16进制颜色值 - 描述:设置图表中字体的颜色。 #### 4. **外部容器字体 (outCnvBaseFont)** - 描述:设置图表外部容器中的字体类型。 #### 5. **外部容器字体大小 (outCnvBaseFontSize)** - 描述:设置图表外部容器中字体的基本大小。 #### 6. **外部容器字体颜色 (outCnvBaseFontColor)** - 默认值:6位16进制颜色值 - 描述:设置图表外部容器中字体的颜色。 ### 八、网格线配置 #### 1. **水平网格线数量 (numDivLines)** - 描述:设置水平网格线的数量。 #### 2. **水平网格线颜色 (divLineColor)** - 默认值:6位16进制颜色值 - 描述:设置水平网格线的颜色。 #### 3. **水平网格线厚度 (divLineThickness)** - 默认值:取值范围1到5 - 描述:设置水平网格线的厚度。 #### 4. **水平网格线透明度 (divLineAlpha)** - 默认值:取值范围0到100 - 描述:设置水平网格线的透明度。 ### 九、交替网格线颜色配置 #### 1. **显示交替水平网格颜色 (showAlternateHGridColor)** - 默认值:0(False) - 描述:控制是否显示交替颜色的水平网格线。 #### 2. **交替水平网格颜色 (alternateHGridColor)** - 默认值:6位16进制颜色值 - 描述:设置交替颜色的水平网格线的颜色。 #### 3. **交替水平网格透明度 (alternateHGridAlpha)** - 默认值:取值范围0到100 - 描述:设置交替颜色的水平网格线的透明度。 ### 十、数值格式化配置 #### 1. **数值前缀 (numberPrefix)** - 描述:设置数值的前缀,例如“¥”、“$”等。 #### 2. **数值后缀 (numberSuffix)** - 默认值:%表示为'%25' - 描述:设置数值的后缀,如“%”等。 #### 3. **数值格式化规模 (formatNumberScale)** - 默认值:1(True) - 描述:设置数值是否采用缩写形式显示,如千分位缩写为“K”,百万位缩写为“M”。 #### 4. **小数精度 (decimalPrecision)** - 默认值:取值范围0到10 - 描述:设置数值的小数点后保留位数。 #### 5. **网格线数值精度 (divLineDecimalPrecision)** - 默认值:取值范围0到10 - 描述:设置网格线上数值的小数点后保留位数。 #### 6. **限制数值精度 (limitsDecimalPrecision)** - 默认值:取值范围0到10 - 描述:设置y轴限制数值的小数点后保留位数。 #### 7. **自定义数值格式 (formatNumber)** - 默认值:1(True) - 描述:设置是否启用自定义数值格式化。 #### 8. **小数分隔符 (decimalSeparator)** - 默认值:“.” - 描述:设置数值中小数点的符号。 #### 9. **千位分隔符 (thousandSeparator)** - 默认值:"," - 描述:设置数值中千位数之间的分隔符。 ### 十一、悬停提示配置 #### 1. **显示悬停提示 (showhovercap)** - 默认值:1(True) - 描述:控制图表中是否显示悬停提示。 #### 2. **悬停提示背景颜色 (hoverCapBgColor)** - 默认值:6位16进制颜色值 - 描述:设置悬停提示的背景颜色。 #### 3. **悬停提示边框颜色 (hoverCapBorderColor)** - 默认值:6位16进制颜色值 - 描述:设置悬停提示边框的颜色。 #### 4. **悬停提示分割字符 (hoverCapSepChar)** - 默认值:“,” - 描述:设置悬停提示中各项数值之间的分隔符。 ### 十二、线条配置 #### 1. **线条厚度 (lineThickness)** - 默认值:2 - 描述:设置线条的厚度。 #### 2. **锚点半径 (anchorRadius)** - 默认值:取值范围[0-100] - 描述:设置锚点的半径。 #### 3. **锚点背景透明度 (anchorBgAlpha)** - 默认值:取值范围[0-100] - 描述:设置锚点背景的透明度。 #### 4. **锚点背景颜色 (anchorBgColor)** - 默认值:6位16进制颜色值 - 描述:设置锚点背景的颜色。 #### 5. **锚点边框颜色 (anchorBorderColor)** - 默认值:6位16进制颜色值 - 描述:设置锚点边框的颜色。 通过以上配置选项,开发者可以根据具体需求灵活地定制FusionCharts v3.1图表的外观和行为。这些选项覆盖了从基本的动画效果到复杂的数值格式化和网格线样式设置,使得FusionCharts能够满足各种数据可视化的场景需求。
animation是否动画显示数据,默认为1(True)
showNames是否显示横向坐标轴(x轴)标签名称
rotateNames是否旋转显示标签,默认为0(False):横向显示
showValues是否在图表显示对应的数据值,默认为1(True)
yAxisMinValue指定纵轴(y轴)最小值,数字
yAxisMaxValue 指定纵轴(y轴)最小值,数字
showLimits是否显示图表限值(y轴最大、最小值),默认为1(True)
图表标题和轴名称
caption图表主标题
subCaption图表副标题
xAxisName横向坐标轴(x轴)名称
yAxisName纵向坐标轴(y轴)名称
图表和画布的样式
bgColor图表背景色,6位16进制颜色值
canvasBgColor画布背景色,6位16进制颜色值
canvasBgAlpha画布透明度,[0-100]
canvasBorderColor画布边框颜色,6位16进制颜色值
canvasBorderThickness画布边框厚度,[0-100]
shadowAlpha投影透明度,[0-100]
showLegend是否显示系列名,默认为1(True)
字体属性
baseFont图表字体样式
baseFontSize图表字体大小
baseFontColor图表字体颜色,6位16进制颜色值
outCnvBaseFont图表画布以外的字体样式
outCnvBaseFontSize图表画布以外的字体大小
分区线和网格
numDivLines画布内部水平分区线条数,数字
divLineColor水平分区线颜色,6位16进制颜色值
divLineThickness水平分区线厚度,[1-5]
divLineAlpha水平分区线透明度,[0-100]
showAlternateHGridColor是否在横向网格带交替的颜色,默认为0(False)
alternateHGridColor横向网格带交替的颜色,6位16进制颜色值
alternateHGridAlpha横向网格带的透明度,[0-100]
showDivLineValues是否显示Div行的值,默认??
numVDivLines画布内部垂直分区线条数,数字
vDivLineColor垂直分区线颜色,6位16进制颜色值
vDivLineThickness垂直分区线厚度,[1-5]
vDivLineAlpha垂直分区线透明度,[0-100]
showAlternateVGridColor是否在纵向网格带交替的颜色,默认为0(False)
alternateVGridColor纵向网格带交替的颜色,6位16进制颜色值
alternateVGridAlpha纵向网格带的透明度,[0-100]
数字格式
numberPrefix增加数字前缀
numberSuffix增加数字后缀% 为 '%25'
formatNumberScale是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或M
decimalPrecision指定小数位的位数,[0-10]例如:='0' 取整
divLineDecimalPrecision指定水平分区线的值小数位的位数,[0-10]
limitsDecimalPrecision指定y轴最大、最小值的小数位的位数,[0-10]
formatNumber逗号来分隔数字(千位,百万位),默认为1(True);若取0,则不加分隔符
decimalSeparator指定小数分隔符,默认为'.'
thousandSeparator指定千分位分隔符,默认为','
剩余6页未读,继续阅读
- 粉丝: 1
- 资源: 14
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助