jQWidgets jqxBulletChart title 属性

简介

jQWidgets jqxBulletChart 是基于 jQuery 和 jQWidgets 框架构建的一款直观、可视化的图表插件。jqxBulletChart 是极简的仪表盘图表，支持展示目标、当前值和表况颜色。

title 属性可用于设置 jqxBulletChart 控件的标题。

语法

$("#jqxBulletChart").jqxBulletChart({
    title: "My Bullet Chart"
});

属性值

• title：字符串类型，需要在 jqxBulletChart 的标题栏中显示的文本。默认值为 ""。

示例

$("#jqxBulletChart").jqxBulletChart({
    width: 300,
    height: 60,
    barSize: "40%",
    ranges: [
        {startValue: 0, endValue: 50, color: "#ff0000", opacity: 0.6}, 
        {startValue: 50, endValue: 75, color: "#ffd633", opacity: 0.6},
        {startValue: 75, endValue: 100, color: "#33cc33", opacity: 0.6}
    ],
    pointer: {
        value: 66,
        label: "Revenue 2019 YTD",
        size: 8,
        color: "#222",
        pointerType: "rectangle"
    },
    title: "My Bullet Chart"
});

在上面的示例中，我们使用 jqxBulletChart 控件创建一个简单的仪表盘图表，其中 title 属性的值被设置为 "My Bullet Chart"。在这个图表中，我们选择了三个范围值来显示当前数据的指标，以及一个指向 66 的指针，用来标识当前的值。