如何根据变量为true创建图表图例并设置其格式？

import React from 'react';
import echarts from 'echarts';

const ChartComponent = () => {
  const isTrue = true;

  // 创建图表实例
  const chart = echarts.init(document.getElementById('chart'));

  // 判断变量isTrue的值，如果为true，则创建图例
  if (isTrue) {
    // 设置图例的格式
    const legendOptions = {
      data: ['数据1', '数据2', '数据3'],
      textStyle: {
        color: '#333',
        fontSize: 12,
      },
      // 其他图例设置...
    };

    // 使用setOption方法设置图表的配置项和数据
    chart.setOption({
      legend: legendOptions,
      // 其他图表配置项...
    });
  }

  // 渲染图表
  chart.render();

  return <div id="chart" style={{ width: '100%', height: '400px' }}></div>;
};

export default ChartComponent;