页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文档仅供参考)

问题1

我在做饼图的时候,数据标签设置显示,没有设置文本样式之前,我的饼图的数据项标签的颜色是和饼图一样的,如下图的效果:


但是我想修改字体的大小时,这个设置项会把我的字体颜色都变成统一了,如下的效果:



我不想把我字体的颜色修改,希望和饼图的颜色一致,同时又想修改字体的大小,我要怎么实现呢?

解决方案

数据项标签这里不设置:

可以通过如下扩展属性实现,如下:

代码块
languagejs
{
    "series": [{
        "itemStyle": {
            "normal": {
                "label": {
                    "show": true,
                    "textStyle": {
                        "fontFamily": "宋体",
                        "fontSize": "19",
                        "fontWeight": "normal",
                    },
                    "position": "outside"
                },
                "labelType": "value"
            }
        },
    }]
}

效果图如下:

(本文档仅供参考)

问题1

我在做饼图的时候,数据标签设置显示,没有设置文本样式之前,我的饼图的数据项标签的颜色是和饼图一样的,如下图的效果:
Image Added
Image Added
但是我想修改字体的大小时,这个设置项会把我的字体颜色都变成统一了,如下的效果:

Image Added
Image Added
我不想把我字体的颜色修改,希望和饼图的颜色一致,同时又想修改字体的大小,我要怎么实现呢?

解决方案

数据项标签这里不设置:
Image Added

可以通过如下扩展属性实现,如下:

代码块
languagejs

{
    "series": [{
        "itemStyle": {
            "normal": {
                "label": {
                    "show": true,
                    "textStyle": {
                        "fontFamily": "宋体",
                        "fontSize": "19",
                        "fontWeight": "normal",
                    },
                    "position": "outside"
                },
                "labelType": "value"
            }
        },
    }]
}

效果图如下:
Image Added