Estoy creando una nube de palabras de nube de etiquetas usando la biblioteca React de AnyChart. ¿Cómo cambio el tema de color de la misma? La respuesta encontrada aquí no parece funcionar:
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") );La demostración completa está aquí
Está disponible si está utilizando el atributo de instance . La idea es crear el gráfico con la API de la biblioteca habitual y luego aplicar esta instancia al componente. En este caso, todas las funciones de la biblioteca están disponibles a través de la API. Entonces, puedes usar esta llamada
chart.theme = anychart.palettes.coffee;en la instancia. Para obtener más información, consulte la muestra en vivo .