柱图和线图

示例

在仪表分析中，如何将鼠标提示按照自己需要的展示，如下：

修改前：

修改后：

设置方法

1.在仪表分析工具栏上，点击“图形”按钮或鼠标移动到图形上，点击图形右上角的“设置”按钮

2、进入图形设置界面，切换到“扩展属性”页签下

3、输入扩展属性（此扩展属性对柱图和线图都生效），如下：

{
    "tooltip": {
        "backgroundColor": "#87cefa",
        "formatter": "function(a){ return a.name+'<br>'+a.data.displayValue+'元'}"
    }
}

 

若是需要柱图显示数据的真实值，则使用如下扩展属性：


{
    "tooltip": {
        "backgroundColor": "#87cefa",
        "formatter": "function(a){ return a.name+'</br>'+a.data.value[1]+'元'}"
    }
}

效果如下：

饼图

示例

 在饼图展示中，有时候饼图数据比较多，希望可以换行展示数据并且不显示指标Y轴的名称，如下：

修改前：

修改后：

设置方法

1.在仪表分析工具栏上，点击“图形”按钮或鼠标移动到图形上，点击图形右上角的“设置”按钮

2、进入图形设置界面，切换到“扩展属性”页签下

3、输入扩展属性，如下：

 

{
    "tooltip": {
        "backgroundColor": "#87cefa",
        "formatter": "{b}<br>{c}"
    }
}