echarts设置字体颜色

您可以使用 ECharts 的 textStyle 属性来设置文本的样式，包括字体颜色。示例如下：

option = {
  title: {
    text: '柱状图',
    textStyle: {
      color: 'red'
    }
  },
  xAxis: {
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    axisLabel: {
      textStyle: {
        color: 'blue'
      }
    }
  },
  yAxis: {
    axisLabel: {
      textStyle: {
        color: 'green'
      }
    }
  },
  series: [{
    name: '销量',
    type: 'bar',
    data: [5, 20, 36, 10, 10, 20, 5],
    itemStyle: {
      normal: {
        color: 'orange'
      }
    }
  }]
};

在上述示例中，我们分别设置了标题、X 轴标签、Y 轴标签和柱状图的颜色。您可以根据需要调整 textStyle 属性的值来设置字体颜色。

相关问题

echarts tooltip字体颜色

ECharts是一款强大的数据可视化库，它的工具提示（tooltip）允许自定义样式，包括字体颜色。你可以通过设置`formatter`属性以及`color`属性来改变默认的字体颜色。下面是一个基本的例子：

var option = {
    tooltip: {
        trigger: 'item', // 工具提示触发类型
        formatter: function (params) { // 自定义提示内容的格式
            return '<span style="color: #0099ff;">' + params.name + '</span>: ' + params.value;
        },
        color: '#0099ff', // 设置全局的字体颜色，默认为黑色
    },
    series: ... // 系列配置
};

// 使用echarts实例配置tooltip
yourChart.setOption(option);

在这个例子中，`#0099ff`是蓝色，你可以将其替换为你想要的任何其他颜色代码。如果你希望根据特定条件动态更改颜色，可以在`formatter`函数内部添加判断逻辑。

echarts饼图字体颜色

你可以通过设置 `textStyle` 属性来改变 ECharts 饼图中文本的颜色，示例代码如下：

option = {
    // ... 省略其他配置 ...
    series: [{
        name: '访问来源',
        type: 'pie',
        radius: '55%',
        data: [
            {value: 235, name: '视频广告'},
            {value: 274, name: '联盟广告'},
            {value: 310, name: '邮件营销'},
            {value: 335, name: '直接访问'},
            {value: 400, name: '搜索引擎'}
        ],
        label: {
            textStyle: {
                color: '#fff' // 设置文本颜色
            }
        },
        emphasis: {
            label: {
                show: true,
                textStyle: {
                    fontSize: '16',
                    fontWeight: 'bold'
                }
            }
        }
    }]
};

在上面的示例中，我们通过设置 `label.textStyle.color` 属性将文本颜色设置为白色。你可以根据需要修改这个属性的值来改变文本颜色。