echarts空心图例

ECharts是一个强大的JavaScript数据可视化库，它支持创建各种图表，包括空心图例。要在ECharts中创建空心图例，你需要在配置选项中设置`legend`部分的一些属性。以下是基本步骤：

1. 首先，确保你在引入ECharts库时已经包含了图例相关的组件，例如：

   import echarts from 'echarts';

2. 然后，在初始化图表时，你可以设置图例样式为`empty`，使其看起来为空心的。例如：

   let option = {
       legend: {
           data: ['分类一', '分类二'], // 图例标题
           type: 'empty', // 设置为空心图例类型
           emptyText: '暂无数据', // 显示空心时的文字提示
           textStyle: { color: '#ccc' } // 可自定义字体颜色等样式
       },
       series: [ /* ... */ ] // 系列配置
   };

3. 最后，使用`echarts.init()`方法渲染图表：

   var myChart = echarts.init(document.getElementById('main')); // 'main' 是你的容器ID
   myChart.setOption(option);