echarts 设置饼图提示线的文本颜色

可以通过设置 label 的 textStyle 属性来设置饼图提示线的文本颜色。例如：

option = {
  series: [{
    type: 'pie',
    data: [
      {value: 335, name: '直接访问'},
      {value: 310, name: '邮件营销'},
      {value: 234, name: '联盟广告'},
      {value: 135, name: '视频广告'},
      {value: 1548, name: '搜索引擎'}
    ],
    label: {
      show: true,
      position: 'outer',
      textStyle: {
        color: '#fff'  // 设置文本颜色为白色
      }
    },
    emphasis: {
      label: {
        show: true,
        textStyle: {
          fontSize: '30',
          fontWeight: 'bold'
        }
      }
    }
  }]
};

其中，label.show 设置为 true 表示显示饼图提示线的文本，label.position 设置为 'outer' 表示提示线在饼图外部，textStyle.color 设置为 '#fff' 表示文本颜色为白色。

相关问题

echarts 饼图encode

ECharts 中的饼图 encode 是一种数据映射方式，它可以将数据映射到饼图的颜色、大小、位置等属性上。使用 encode 可以轻松地实现多维度的数据展示和交互。

下面是一个简单的饼图 encode 示例：

// 数据
var data = [
  {value: 335, name: '直接访问'},
  {value: 310, name: '邮件营销'},
  {value: 234, name: '联盟广告'},
  {value: 135, name: '视频广告'},
  {value: 1548, name: '搜索引擎'}
];

// 配置项
var option = {
  series: [
    {
      type: 'pie',
      radius: '50%',
      data: data,
      encode: {
        itemName: 'name',    // 数据项名称映射
        value: 'value',      // 数据项值映射
        tooltip: 'value',    // 鼠标悬浮提示信息映射
        label: 'name'        // 饼图上标签文本映射
      }
    }
  ]
};

// 渲染图表
var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

在 encode 中，itemName 表示数据项名称的映射，value 表示数据项值的映射，tooltip 表示鼠标悬浮提示信息的映射，label 表示饼图上标签文本的映射。你可以根据需要自由组合这些映射，实现多维度的数据展示。

echarts饼图配置项

echarts饼图的配置项包括：

1. series：用于配置饼图的数据系列。可以设置数据项的数值、名称、标签等属性。

2. tooltip：用于配置饼图的提示框组件。可以设置提示框的显示内容、样式等属性。

3. legend：用于配置饼图的图例组件。可以设置图例的显示位置、图例项的样式等属性。

4. title：用于配置饼图的标题组件。可以设置标题的文本内容、样式等属性。

5. backgroundColor：用于设置饼图的背景颜色。

6. series.radius：用于设置饼图的半径大小。

7. series.itemStyle：用于设置饼图数据项的样式，包括饼图扇形的颜色、边框颜色等属性。

8. series.labelLine：用于设置饼图数据项标签的显示位置、样式等属性。

9. series.label：用于设置饼图数据项标签的文本内容、样式等属性。

10. series.emphasis：用于设置饼图数据项的高亮状态样式。

以上是echarts饼图的一些常用配置项。如果需要详细了解更多配置项，请参考echarts官方文档。