如何更改 AnyChart React 标签云中的主题？

Question

我正在使用 AnyChart 的 React 库创建标签云词云。如何更改它的颜色主题？似乎不起作用：

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")
);

完整演示is here

Answer 1

如果您使用 instance 属性，则可用。这个想法是用通常的库 API 创建图表，然后将这个实例应用到组件。在这种情况下，所有库功能都可以通过 API 获得。所以，你可以使用这个调用

chart.theme = anychart.palettes.coffee;

实例中。详情请查看the live sample.

如何更改 AnyChart React 标签云中的主题？

How do I change the theme in an AnyChart React tag cloud?

javascript

reactjs

word-cloud

anychart

tag-cloud