如何在AnyChart响应标记云中更改主题？

Question

我正在使用来自AnyChart的React库创建一个标记云word云。我如何改变它的颜色主题？在这里找到答案似乎不起作用：

import React from "react";
import ReactDOM from "react-dom";
import AnyChart from "anychart-react";
import anychart from "anychart";
anychart.theme("coffee");

var 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 }
];

// create a chart and set the data
var chart = anychart.tagCloud(data);
//chart.theme = anychart.palettes.coffee;

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

全演示就在这里

Answer 1

如果使用的是instance属性，则可用。THe的思想是使用通常的库API创建图表，然后将此实例应用于组件。在这种情况下，所有库特性都可以通过API获得。所以，你可以用这个电话

chart.theme = anychart.palettes.coffee;

在这种情况下。有关详细信息，请查看活样本。