zoukankan      html  css  js  c++  java
  • FusionCharts中仪表盘相关属性

    上上周用FusionCharts做了几个报表,里面有个仪表盘,当时查属性查疯了,现在把相关的一些属性记下来,方便以后查找。

    -------------------------仪表盘重要属性解析-----------------------
    根节点<Chart 属性:
    upperLimit='120' --刻度值上限
    lowerLimit='0' --刻度值下限
    Limits='0/1' --是否显示极限值
    baseFontColor='#FF3333' --刻度值字体颜色
    majorTMNumber='12' --需要将仪表盘分成的等份值
    majorTMColor='#FF3333' --刻度线的颜色
    majorTMHeight='8' --刻度线的长度
    minorTMNumber='5' --仪表盘刻度线间小刻度线的数量
    minorTMColor='#FF3333' --仪表盘刻度线间小刻度线颜色
    minorTMHeight='5' --仪表盘刻度线间小刻度线长度
    pivotRadius='20' --针心圆半径
    showGaugeBorder='1' --是否显示刻度盘边框
    gaugeOuterRadius='130' --刻度盘外围半径
    gaugeInnerRadius='110' --刻度盘内围半径
    gaugeOriginX='170' --刻度盘圆心X坐标
    gaugeOriginY='170' --刻度盘圆心Y坐标
    gaugeScaleAngle='200' --刻度盘比例(度数)
    displayValueDistance='20' --显示值与刻度线的距离
    placeValuesInside='1' --显示值是否位于刻度盘的内部
    gaugeFillMix='' --刻度盘颜色是否混合
    pivotFillMix='{F0EFEA}, {BEBCB0}' --仪表盘轴心是否混合
    pivotBorderColor='BEBCB0' --轴心边框颜色
    pivotfillRatio='80,50' --轴心比率
    showShadow='0' --是否显示阴影

    颜色范围:
    <colorRange>
      <color minValue='0' maxValue='84' code='00FF00' alpha='0'/>
      <color minValue='80' maxValue='100' name='Danger' code='FF0000' alpha='50'/>
    </colorRange>
    此节点的原理及应用:
    通过两种不同的颜色拼接成刻度盘底色,可用于提醒指示到一定区域了;

    minValue和maxValue--作为区域划分的边界值

    code--区域颜色

    alpha--透明度


    转盘:
    <dials>
      <dial value='50' bordercolor='#FF3333' bgColor='bebcb0, f0efea, bebcb0' borderAlpha='0' baseWidth='10' topWidth='3'/>
    </dials>
    value='50' --指针指示值
    borderAlpha='10' --指针边线的颜色深度
    baseWidth='10' --只针的宽度
    topWidth='3' --指针尖端的宽度
    仪表盘外围控件:
    <annotations>
    <annotationGroup xPos='170' yPos='170' fillRatio='225,225,254' fillPattern='radial' Alpha='11' >
    <annotation type='circle' xPos='0' yPos='0' radius='150' borderColor= 'bebcb0' fillAsGradient='1' fillColor='f0efea, bebcb0' fillRatio='85,15'/>
    <annotation type='circle' xPos='0' yPos='0' radius='140' fillColor='bebcb0, f0efea' fillRatio='85,15' />
    <annotation type='circle' xPos='0' yPos='0' radius='140' borderColor= 'f0efea' color='FFFFFF'/>

    =====================================================================================================================

    -------------------------仪表盘重要属性解析-----------------------
    <chart
    numberSuffix='%25' --数值后缀%
    chartTopMargin='25' --到容器顶端的距离
    chartBottomMargin='25' --到容器底端的距离
    chartLeftMargin='25' --到容器左端的距离
    chartRightMargin='25' --到容器右端的距离
    gaugeFillRatio='11' --刻度盘背景颜色比例
    <annotationGroup showBelow='1' --显示在XX下面

  • 相关阅读:
    TSQL--按某字段列分组,在将各组中某列合并成一行
    疑难杂症--SQL SERVER 2012下数据库内存异常回收
    TSQL--删除登陆相关的用户
    杂谈--一次”失败“问题处理过程
    layer.open如何关闭自身弹出窗口
    简单的Http请求数据保存到Hdfs
    layui栅格布局问题
    redis单机版安装
    redis详细配置文件
    批量修改mysql数据库引擎
  • 原文地址:https://www.cnblogs.com/ryanchancrj/p/3487960.html
Copyright © 2011-2022 走看看