如何修改AnyChart React标签云（tag cloud）的颜色主题？

问题原因 #

当前配置不生效有两个核心原因：

1. AnyChart默认核心包仅包含默认主题，使用其他全局主题需要额外引入对应主题资源文件
2. 标签云组件的颜色配置优先级高于全局主题，直接为组件单独配置调色板是更简便的适配方案

修正方案1：直接为标签云配置咖啡调色板（无需修改全局配置） #

直接在创建标签云实例后添加一行调色板配置即可生效，完整代码如下：

import React from "react";
import ReactDOM from "react-dom";
import AnyChart from "anychart-react";
import anychart from "anychart";

const data = [
  { x: "learning", value: 80 },
  { x: "includes", value: 56 },
  { x: "lists", value: 44 },
  { x: "meaning", value: 40 },
  { x: "useful", value: 36 },
  { x: "different", value: 32 },
  { x: "grammar", value: 28 },
  { x: "teaching", value: 24 },
  { x: "example", value: 20 },
  { x: "thing", value: 12 }
];

// 创建标签云实例并配置数据
const chart = anychart.tagCloud(data);
// 新增这一行配置咖啡调色板
chart.palette(anychart.palettes.coffee);

ReactDOM.render(
  <AnyChart width={800} height={600} instance={chart} title="标签云" />,
  document.getElementById("root")
);

修正方案2：全局生效咖啡主题 #

如果需要所有AnyChart组件都使用咖啡主题，额外引入主题资源后配置全局主题即可，完整代码如下：

import React from "react";
import ReactDOM from "react-dom";
import AnyChart from "anychart-react";
import anychart from "anychart";
// 额外引入咖啡主题资源
import "anychart/dist/themes/coffee.min.js";

// 全局配置主题，必须在创建所有图表实例之前调用
anychart.theme("coffee");

const data = [
  { x: "learning", value: 80 },
  { x: "includes", value: 56 },
  { x: "lists", value: 44 },
  { x: "meaning", value: 40 },
  { x: "useful", value: 36 },
  { x: "different", value: 32 },
  { x: "grammar", value: 28 },
  { x: "teaching", value: 24 },
  { x: "example", value: 20 },
  { x: "thing", value: 12 }
];

const chart = anychart.tagCloud(data);

ReactDOM.render(
  <AnyChart width={800} height={600} instance={chart} title="标签云" />,
  document.getElementById("root")
);

内容的提问来源于stack exchange，提问作者Nothingbetter