彩票走势图

FusionCharts使用教程:自定义图表——调色板

原创|使用教程|编辑:郑恭琳|2016-01-05 10:20:24.000|阅读 939 次

概述:本篇文章就主要介绍fusionchart图表的预定义调色板。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

< FusionChart最新版本下载>

FusionCharts提供了五种图表调色板。调色板主题主要配置这些图表元素的颜色 - 图表背景和边框、画布边框和背景、字体、格线、工具提示、锚和图例。

本篇文章就主要介绍fusionchart图表的预定义调色板。

使用预定义调色板

Palette 1是默认的图表调色板。如下图所示:

fusionchart

下面是同一个图表使用不同的预定义调色板示例图:

Palette设置为2

fusionchart

Palette设置为3

fusionchart

Palette设置为4

fusionchart

Palette设置为5

fusionchart

下表是palette属性的简要说明:

属性名称 描述
palette 用于指定图表调色板的数字,取值从1到5。

下面是应用图表的palette属性为1时的数据结构:

JSON:

{
    "chart": {
        "caption": "Quarterly Revenue",
        "subcaption": "Last year",
        "xaxisname": "Quarter",
        "yaxisname": "Amount",
        "numberPrefix": "$",
        "numberSuffix": "K",
        "palettecolors": "#008ee4",
        "useplotgradientcolor": "0",
        "showplotborder": "0",
        "showShadow": "0",
        "palette": "5"
    },
    "data": [
        {
            "label": "Q1",
            "value": "125"
        },
        {
            "label": "Q2",
            "value": "257"
        },
        {
            "label": "Q3",
            "value": "173"
        },
        {
            "label": "Q4",
            "value": "182"
        }
    ]
}

其它四个预定义的调色板的数据结构同上,只需修改palette属性的值即可。

购买最新正版授权!详情请""

迎春纳福,金猴献瑞,革新之年双节同庆,惠享不停惊喜连连!优惠详情点击查看>>


标签:JavaScript HTML5图表图表库交互图表数据可视化图表解决方案图表控件FusionCharts图表

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP