Echarts 图表文字大小设置方法 - 详细指南

Echarts 图表文字大小设置方法

要设置 Echarts 图表的文字大小，可以通过以下两种方法进行设置：

1. 在 Echarts 的 option 中设置 textStyle 属性

   在 option 中的 title、legend、xAxis、yAxis 等属性中，通过设置 textStyle 属性的 fontSize 来设置文字大小。例如：

   option = {
       title: {
           text: '柱状图',
           textStyle: {
               fontSize: 14  // 设置标题文字大小
           }
       },
       legend: {
           textStyle: {
               fontSize: 12  // 设置图例文字大小
           }
       },
       xAxis: {
           data: ['A', 'B', 'C'],
           axisLabel: {
               textStyle: {
                   fontSize: 10  // 设置 x 轴标签文字大小
               }
           }
       },
       yAxis: {
           axisLabel: {
               textStyle: {
                   fontSize: 10  // 设置 y 轴标签文字大小
               }
           }
       },
       series: [{
           type: 'bar',
           data: [10, 20, 30]
       }]
   };
   

2. 使用 Echarts 提供的 setOption 方法

   可以使用 Echarts 提供的 setOption 方法，在其中设置 textStyle 属性来设置文字大小。例如：

   myChart.setOption({
       title: {
           text: '柱状图',
           textStyle: {
               fontSize: 14  // 设置标题文字大小
           }
       },
       legend: {
           textStyle: {
               fontSize: 12  // 设置图例文字大小
           }
       },
       xAxis: {
           data: ['A', 'B', 'C'],
           axisLabel: {
               textStyle: {
                   fontSize: 10  // 设置 x 轴标签文字大小
               }
           }
       },
       yAxis: {
           axisLabel: {
               textStyle: {
                   fontSize: 10  // 设置 y 轴标签文字大小
               }
           }
       },
       series: [{
           type: 'bar',
           data: [10, 20, 30]
       }]
   });
   

   以上两种方法都可以用来设置 Echarts 图表的文字大小。根据实际需求，可以选择其中一种方法进行设置。