zoukankan      html  css  js  c++  java
  • fusioncharts for flex3 对于charts 的一些样式:背景透明,背景插入图片等等 .

    1.改变chart背景颜色

    属性描述示例
    bgColor 背景颜色。十六进制颜色不用# bgColor="99CCFF,FFFFFF" 
    or bgColor="FF5904,FFFDDD,FFFFFF"
    bgAlpha 背景透明度,多个值用逗号分隔 bgAlpha="40,100" or bgAlpha="100,60,100"
    bgRatio 背景渐变率,多个数之和是100 bgRatio="40,60"
    bgAngle 背景图的偏转角度 (0-360). bgAngle="180"

    <chart ...  bgAlpha='0' bgRatio='5,95' bgColor='A8D7AB,FFFFFF'  ...>

    2.改变chart边框

    属性描述示例
    showBorder 是否显示边框。默认下2D是1,3D是0. showBorder="1"
    borderColor 边框颜色 borderColor="1D8BD1"
    borderThickness 边框宽度(单位:像素) borderThickness="2"
    borderAlpha 边框透明度 borderAlpha="60"

    <chart ... borderColor='E74759' borderThickness='3' borderAlpha='50' ..>

    3.背景设置为图片或者flash短片

    属性描述示例
    bgSWF 特指出图片或者短片的URL路径(全路径) bgSWF="FruitsPic.jpg"
    bgSWFAlpha 背景图片或者短片的透明度 bgSWFAlpha="40"

    4.阴影,炫彩,斜角等特效

    <chartcaption='Quarterly Sales Summary'subcaption='Figures in
    xAxisName='
    Quarter' yAxisName='Sales'>
    <setlabel='Quarter 1'value='420500'/>
    <setlabel='Quarter 2'value='295400'/>
    <setlabel='Quarter 3'value='523400'/>
    <setlabel='Quarter 4'value='465400'/>
    <styles>
    <definition>
    <stylename='myBevel'type='Bevel'/>
    </definition>
    <application>
    <applytoObject='Background'styles='myBevel'/>
    </application>
    </styles>
    </chart>

    5.渐变开头效果

    <chartcaption='Quarterly Sales Summary'subcaption='Figures in
    xAxisName='
    Quarter' yAxisName='Sales'>
    <setlabel='Quarter 1'value='420500'/>
    <setlabel='Quarter 2'value='295400'/>
    <setlabel='Quarter 3'value='523400'/>
    <setlabel='Quarter 4'value='465400'/>
    <styles>
    <definition>
    <stylename='myBgAnim'type='Animation'
    param='_alpha'start='0'duration='1'/>
    </definition>
    <application>
    <applytoObject='Background'styles='myBgAnim'/>
    </application>
    </styles>
    </chart>

  • 相关阅读:
    eclips git中的add to Index无效解决
    关于Promise 简单使用理解
    小程序顶部可滚动导航
    读jQuery源码
    Web UI
    JavaScript滚动条插件源码
    Ajax异步刷新地址栏url改变(利用Html5 history.pushState实现)
    angular2如何按需加载?
    如何把bootstrap用webpack打包
    typings的理解
  • 原文地址:https://www.cnblogs.com/tianlangshu/p/2539828.html
Copyright © 2011-2022 走看看