ECharts 图表标题(title)系列设置

分手后的思念是犯贱 2023-10-05 10:46 23阅读 0赞

title:{
        show:true,//false
        text:"图表标题",//主标题文本
        textStyle:{
            color:'#ccc',//'red'，字体颜色
            fontStyle:'normal',//'italic'(倾斜) | 'oblique'(倾斜体) ，字体风格
            fontWeight:'normal',//'bold'(粗体) | 'bolder'(粗体) | 'lighter'(正常粗细) ，字体粗细
            fontFamily:'sans-serif',//'sans-serif' | 'serif' | 'monospace' | 'Arial' | 'Courier New' 
            // 'Microsoft YaHei'(微软雅黑) ，文字字体
            fontSize:18,//字体大小
            lineHeight:18,//字体行高
        },
        subtext:"副标题",//副标题文本
        subtextStyle:{
            color:#ccc,//字体颜色
            fontStyle:'normal',//字体风格
            fontWeight:'normal',//字体粗细
            fontFamily:'sans-serif',//文字字体
            fontSize:18,//字体大小
            lineHeight:18,//字体行高
            align:'center',//'left' | 'right' ，文字水平对齐方式
            verticalAlign:'middle',//'top' | 'bottom' ，文字垂直对齐方式
        }
        textAlign:'auto',//整体（包括 text 和 subtext）的水平对齐
        textVerticalAlign:'auto',//整体（包括 text 和 subtext）的垂直对齐
        padding:0,//[5,10] | [ 5,6, 7, 8] ,标题内边距
        left:'auto',//'5' | '5%'，title 组件离容器左侧的距离
        right:'auto',//'title 组件离容器右侧的距离
        top:'auto',//title 组件离容器上侧的距离
        bottom:'auto',//title 组件离容器下侧的距离
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML标题title滚动

代码： <script type="text/javascript"> var msg = document.title; ...

本是古典何须时尚/ 2024年04月20日 10:49/ 0 赞/ 79 阅读

相关 ECharts 图表标题(title)系列使用详解

title 说明：图表标题。 1 title.show 说明：是否显示标题组件。默认值：true。可选值：（1） true，显示标题。（2） fa

淡淡的烟草味﹌/ 2023年10月06日 13:17/ 0 赞/ 21 阅读

相关 ECharts 使用series.title.offsetCenter设置仪表盘标题位置

1 使用详解 series.title.offsetCenter 说明：标题位置。相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是

Dear 丶/ 2023年10月05日 11:03/ 0 赞/ 59 阅读

相关 ECharts 图表标题(title)系列设置

title:{ show:true,//false text:"图表标题",//主标题文本 textStyle:{

分手后的思念是犯贱/ 2023年10月05日 10:46/ 0 赞/ 24 阅读

相关 echarts title 配置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></

曾经终败给现在/ 2022年10月15日 09:53/ 0 赞/ 170 阅读

相关 ECharts配置项之title(标题)

1.标题居中 //left的值为'left', 'center', 'right' title:{ left:'center' }

本是古典何须时尚/ 2022年09月12日 01:47/ 0 赞/ 269 阅读

相关 vue echarts调整图表和标题的距离

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2N

矫情吗；*/ 2022年09月05日 05:14/ 0 赞/ 388 阅读

相关【备忘】EChart 标题 title 样式，x轴、y轴坐标显示，调整图表位置等

![这里写图片描述][70] 示例里工作一般情况是够用了，更复杂的可以查询教程： title 官方解说：http://echarts.baidu.com/option.ht

╰+哭是因爲堅強的太久メ/ 2022年05月19日 06:12/ 0 赞/ 1016 阅读

相关 angular5+动态设置页面标题title

在实际的开发项目当中，经常需要对访问网页的title进行动态配置，就像这样的东东， ![20190703122020322.png][] 所以今天来记录下怎么动态配置tit

约定不等于承诺〃/ 2021年12月15日 22:25/ 0 赞/ 632 阅读

相关设置echarts图表值不累加

在设置echarts折线图时，发现y轴数值跟理想情况不一样，似乎比想要的值要高一些理想情况如图： ![理想情况，按真实值显示][20201225100225744.pn

蔚落/ 2021年07月26日 02:56/ 0 赞/ 518 阅读