ITPub博客

首页 > 数据库 > 数据库开发技术 > echarts的字体设置

echarts的字体设置

原创 数据库开发技术 作者:bisal 时间:2023-12-29 07:50:00 0 删除 编辑

最近用了百度echarts做PPT的图,还是比较方便的,其中有些图标题和标签的字体是可以设置的,示例中可能没说,提供几个参考。

echarts的介绍和具体操作可参考《图表数字化的制作神器》

饼图中如果需要设置标题和标签字体,如下所示,

1. "测试图"字体设置,title中增加textStyle,可以设置fontSize、fontWeight等各种配置。

2. "需求"字体设置,series中增加lable标签,可以设置fontSize等。

option = {  title: {    text: '测试图',    left: 'center',    textStyle: {      fontSize: 30,      fontWeight: 'bold'    }  },  tooltip: {    trigger: 'item'  },  ...  series: [    {      name: 'Access From',      type: 'pie',      radius: ['40%', '70%'],      data: [        { value: 4, name: '需求' },        { value: 32, name: '测试' },        { value: 29, name: '投产' }      ],      "label": {        "normal": {          "show": true,          "textStyle": {            "fontSize": 19          }        },        "emphasis": {          "show": true        }      },   ...

柱状图如果需要设置标题和标签字体,如下所示,

1. "测试图"字体设置,同上,title中增加textStyle,可以设置fontSize、fontWeight等各种配置。

2. "需求"的字体设置,xAxis和yAxis的axisLabel中可以设置fontSize。

3. 图中"1"数字的字体设置,series中增加lable标签,配置textStyle,可以设置fontSize等配置。

...xAxis: {  type: 'value',  axisLabel: {fontSize: 17},},yAxis: {  type: 'category',  axisLabel: {fontSize: 21},  data: [ '投产', '测试', '需求']},...series: [...label: {  show: true,  textStyle: {    fontSize: 15,    fontWeight: 'bold',    fontStyle: 'italic',   }, ...

https://echarts.apache.org/zh/index.html提供了线上功能,可以边改边展示。


如果您认为这篇文章有些帮助,还请不吝点下文章末尾的"点赞"和"在看",或者直接转发pyq,




近期更新的文章:
《Oracle数据库揭露问题本质的利器 - errorstack》
《推荐几款文本编辑器》
《"'abrt-cli status' timed out"错误解决》
《解读《行业标准管理办法》》
《学习和了解《行业标准管理办法》》

近期的热文:
《推荐一篇Oracle RAC Cache Fusion的经典论文》
《"红警"游戏开源代码带给我们的震撼》

文章分类和索引:
《公众号1300篇文章分类和索引》

原文作者:bisal的个人杂货铺;如有侵权,请联系管理员删除。

请登录后发表评论 登录
全部评论
Oracle ACE,10g/11g OCP,11g OCM,国内首批Oracle YEP成员(Oracle Young Expert Program,Oracle用户组年轻专家项目),EXIN DevOps Master,Oracle爱好者,微信公众号:bisal的个人杂货铺

注册时间:2022-06-21

  • 博文量
    539
  • 访问量
    2801227