echarts guage的标题设置了没有反映

rom1c丶 发布于 2014/09/17 09:46
阅读 1K+
收藏 0

@Kener-林峰 你好,我想请问一下type:'guage'的标题怎么设置?

var myChart = echarts.init(document.getElementById('main'),e_macarons);

	
option = {
    tooltip : {
        formatter: "{a} <br/>{b} : {c}%"
    },
    series : [
        {
            name:'业务指标',
            type:'gauge',
            startAngle: 180,
            endAngle: 0,
            center : ['50%', '90%'],    // 默认全局居中
            radius : 250,
            axisLine: {            // 坐标轴线
                lineStyle: {       // 属性lineStyle控制线条样式
                    width: 200
                }
            },
            axisTick: {            // 坐标轴小标记
                splitNumber: 10,   // 每份split细分多少段
                length :12,        // 属性length控制线长
            },
            axisLabel: {           // 坐标轴文本标签,详见axis.axisLabel
                formatter: function(v){
                    switch (v+''){
                        case '10': return '低';
                        case '50': return '中';
                        case '90': return '高';
                        default: return '';
                    }
                },
                textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                    color: '#fff',
                    fontSize: 15,
                    fontWeight: 'bolder'
                }
            },
            pointer: {
                width:50,
                length: '90%',
                color: 'rgba(255, 255, 255, 0.8)'
            },
            title : {
								text: '未来一周气温变化',
                show : true,
                offsetCenter: [0, '-60%'],       // x, y,单位px
                textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                    color: '#fff',
                    fontSize: 30
                }
            },
            detail : {
                show : true,
                backgroundColor: 'rgba(0,0,0,0)',
                borderWidth: 0,
                borderColor: '#ccc',
                width: 100,
                height: 40,
                offsetCenter: [0, -40],       // x, y,单位px
                formatter:'{value}%',
                textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                    fontSize : 40
                }
            },
            data:[{value: 10, name: '完成率'}]
        }
    ]
};

    myChart.setOption(option);




这段代码我无论怎么运行,标题都不会出来,官网也没有示例“仪表板”有标题,麻烦解答一下。


加载中
0
laocan
laocan
title应在series外
0
rom1c丶
rom1c丶

引用来自“laocan”的评论

title应在series外
好的
返回顶部
顶部