jQWidgets jqxBulletChart showTooltip 属性

jqxBulletChart 是 jQWidgets 中用于绘制子弹图（Bullet Chart）的组件。showTooltip 属性用于设置是否展示鼠标悬停时的提示框。

语法

$('#jqxBulletChart').jqxBulletChart({
    showTooltip: value
});

参数

• value: 布尔类型。设置为 true，则展示鼠标悬停时的提示框。反之，则不展示。

示例

$('#jqxBulletChart').jqxBulletChart({
    width: 600,
    height: 50,
    showTooltip: true,
    ranges: [
        { startValue: 0, endValue: 200, color: '#00ff00', opacity: 0.5 },
        { startValue: 201, endValue: 400, color: '#ffff00', opacity: 0.5 },
        { startValue: 401, endValue: 600, color: '#ff0000', opacity: 0.5 }
    ],
    bulletSize: '70%',
    pointer: { value: 250, label: 'Revenue 2014 YTD', size: '25%', color: 'black' },
    target: { value: 550, label: 'Revenue 2014 YTD Target', size: 4, color: 'black' }
});

在上面的示例中，我们创建了一个子弹图，并且设置 showTooltip 为 true，这样鼠标悬停时会展示提示框。

注意事项

• 如果设置 showTooltip 为 true，要记得为每一个 range 和 pointer 配置 label 属性，并设置为相应的文本，这样在展示提示框时才会展示对应的文本。