页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 7 下一个 »

柱图和线图

示例

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

修改前:

修改后:

设置方法

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}"
    }
}

 

 


  • 无标签