fusionCharts 背景属性（图像背景和画布）

最新推荐文章于 2020-11-06 14:41:50 发布
最新推荐文章于 2020-11-06 14:41:50 发布
阅读量480 收藏
点赞数

属性名称

属性说明

示例或说明

bgColor

背景颜色

bgColor='999999,FFFFF渐变 bgColor=’999999’ 单色

bgAlpha

背景透明度

设置范围在1-100

showBorder

图表外是否显示边框

默认二维图表显示，三维不显示

borderColor

边框颜色

十六进制表示去掉前面的#号

borderThickness

边框线的粗细

像素表示

borderAlpha

边框透明度

bgSWF

背景图片或动画

保证此图片和SWF文件在同一个文件夹

bgSWFAlpha

设置背景图片的透明度

上面是对整个画布进行控制、设置，其实我们还可以对二维的图像进行设置，其中包括：背景图片、边框以及透明度。

属性名称

属性说明

示例或说明

canvasbgColor

图表背景颜色

可设置单色也可以使用梯度设置渐变色

canvasbgAlpha

图表背景透明度

设置范围在1-100

canvasBorderColor

图表背景边框颜色

canvasBorderThickness

图表背景边框线粗细

canvasBorderAlpha

图表背景边框透明度

后会无期_hlx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
fusioncharts属性大全
08-08
fusioncharts属性大全，包含各种属性的讲解以及使用方法等
FusionChart配置
u012925172的博客
07-15 230
<style>        <bgColor>FFFFFF</bgColor><!--图表背景颜色 默认白色-->        <bgAlpha>100</bgAlpha><!-- 图表背景透明度 默认100 -->        <bgRatio>0,100<
FusionCharts的图形属性
06-26
FusionCharts的图形属性大全功能特性 animation 是否动画显示数据，默认为1(True) showNames 是否显示横向坐标轴(x轴)标签名称 rotateNames 是否旋转显示标签，默认为0(False):横向显示
FusionCharts图表控件中文版使用手册
diaonongzui2942的博客
05-21 229
FusionCharts图表控件中文版使用手册 目录 前言、先谈谈我对fusionCharts的看法：... 3 一、构成fusionCharts的三要素：swf、data.xml、承载图表的载体... 3 二、对于我们还未使用的功能：图表转换成图片或者pdf导出、热点链接... 3 三、重点... 3 fusionCharts的基本知识部分：... 4 一 、SWF...
fusioncharts多折线图
iteye_12的博客
11-21 136
       在项目目录下，新建文件夹Gallery存放jsp文件、datas存放xml文件、FusionCharts存放swf文件、新建js文件夹存放js文件。        将FCF_MSLine.swf放置在FusionCharts下。           将FusionCharts.js放置在jS文件夹下。           在datas下新建MSLine.xml，代码如下： ...
FusionCharts参数说明——多系列折线图(MSLine.swf)
蓝色回报
08-03 249
[size=small][b][color=blue][default][/color][/b] showLabels 是否显示Label labelDisplay Label的展示形式(AUTO/WRAP/STAGGER/ROTATE/NONE) useEllipsesWhenOverflow 当Label溢出时候使用... rotateLabels 旋转Label slantLabe...
FusionCharts的使用方法
07-01 485
今天统计价格变化规律的时候找到的一个很好的文档，很详细 一、简介 ØFusionCharts是InfoSoftGlobal公司的一个产品，InfoSoftGlobal公司是专业的Flash图形方案提供商，他们还有几款其他的，基于Flash技术的产品，都非常的漂亮。 ØFusionChartsFree则是FusionCharts提供的一个免费版本，虽然免...
fusioncharts背景颜色设置
ziyoufeixiangwb的博客
09-12 2042
今天我要谈一下设置fusioncharts背景透明度的问题，首先要说一下fusioncharts官方文档解释不到位，官方文档说明只是设置 “bgAlpha”:”0”  “canvasBgAlpha”:”0”这两个参数就可以实现背景透明，但是按照这样设置完全不行，设置后你会发现图表背景好像覆盖上了一层纱，若隐若现哦，要想揭开这层面纱还需要设置一个方法在fusioncharts初始化ready当中
FusionCharts属性
半颗心
11-06 172
【背景】 用户柱状图当数据超过1000时，柱状图显示为1k，查了很久，发现只要设置FusionCharts的formatNumberScale属性为“0”就可以解决了。 【附】 同时附上FusionCharts的属性介绍： bgColor：默认值ffffff。背景色，颜色采用6位16进制的字符表示，分别表示三个三色分量。 　　bgAlpha：默认值100。背景Alpha，Alpha的取值范围是0—100。0是全透明，100是全不透明。 　　bgSWF：默认值是空字符。背景SWF文件。 　　canvasBgC
FusionCharts属性集合
01-10
FusionCharts属性集合，报表开发就这么简单！熟悉属性就OK了
FusionCharts属性说明及示例
10-25
FusionCharts的所有属性介绍以及示例演示，可以通过修改对应xml来看效果
FusionCharts属性说明
10-12
学习时整理的FusionCharts的一些属性
FusionChart使用2
weixin_33966095的博客
11-18 68
附注fusionCharts详细属性： 按照模块分类： 1、边框及整个背景的属性： 属性名称 属性说明 示例或说明 ...
FusionCharts参数的详细说明-2
berry sky
07-27 9194
3D饼图属性(Pie3D.swf )animation 是否显示加载图表时的动画palette 内置的图表样式,共5个paletteColors 自定义图表元素颜色(为多个,如过过少会重复)showAboutMenuItem 右键是否显示"关于FusionCharts"about
FusionCharts背景透明
felcon的专栏
09-01 2630
版本：3.11 根据Fusioncharts的官方文档，设置背景透明只需要几个参数 “bgAlpha”:”0” “canvasBgAlpha”:”0” 其中取值从0-100，0代表完全透明，100完全不透明。 background和canvas的区别如下图： 可见background覆盖整个图表，而canvas只包括数据绘图区域。但是按照这样操作之后，不会显示背景色，但是绘图区域
Fusioncharts金字塔图设置背景颜色
vipp666的博客
10-25 829
研究了两天的Fusioncharts金字塔图总会有一层白色背景再最底层，不管你设置什么背景色都有一层白色背景，如图： F12看dom结构 发现在rect外面还有一层span，并且设置了白色背景，解决方法就是将白色背景去掉调用图表的setTransparent();方法 FusionCharts.ready(function() { var charts = new FusionC...
fusionCharts属性参考API
热门推荐
qzc711的专栏
10-18 1万+
[原创]FusionCharts的分类及属性介绍   2011-08-14 21:21:39|  分类： fusioncharts |  标签： |字号大中小 订阅 《FusionCharts学习及使用笔记》之 第一篇 其实一直以来我都在
android手机应用源码Imsdroid语音视频通话源码.rar
最新发布
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
fusioncharts 3.2.1 堆积图
06-09
FusionCharts 3.2.1 支持堆积图的创建，可以通过设置不同数据系列的堆积方式来展示数据的分布情况。下面是一个简单的堆积柱状图的示例代码： ```html <div id="chartContainer">图表将在此处显示</div> <script> FusionCharts.ready(function () { var chart = new FusionCharts({ type: "stackedcolumn2d", renderAt: "chartContainer", width: "500", height: "300", dataFormat: "json", dataSource: { chart: { caption: "销售额", subCaption: "按月份统计", xAxisName: "月份", yAxisName: "销售额", theme: "fusion", }, categories: [ { category: [ { label: "1月" }, { label: "2月" }, { label: "3月" }, { label: "4月" }, { label: "5月" }, { label: "6月" }, ], }, ], dataset: [ { seriesname: "北区", data: [ { value: "10000" }, { value: "12000" }, { value: "15000" }, { value: "18000" }, { value: "20000" }, { value: "22000" }, ], }, { seriesname: "南区", data: [ { value: "8000" }, { value: "10000" }, { value: "12000" }, { value: "14000" }, { value: "16000" }, { value: "18000" }, ], }, ], }, }); chart.render(); }); </script> ``` 在这个例子中，我们创建了一个堆积柱状图，展示了两个数据系列“北区”和“南区”的销售额按月份的统计情况。可以看到，“北区”和“南区”的销售额堆积在一起，方便比较不同数据系列的贡献度。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值