0
158
Views¿Cambiar el color de los anillos del gráfico polar usando anycharts?
¿Es posible cambiar el color de los anillos individuales en el gráfico polar utilizando la biblioteca de gráficos anychart ?
Código:
drawPolarChart() { // create data set on our data var chartData = { rows: [ ['Flow', 10], ['Energy', 20], ['Commitment', 100], ] }; // sort data by X - // set series type - // disable y-axis - // set x-scale this.chart.sortPointsByX(true).defaultSeriesType('column').yAxis(true).xScale('ordinal'); // set max y-axis values. this.chart.yScale().maximum(100).ticks().interval(10); // set 50th percentile to red dotted ring. // set chart data this.chart.data(chartData); // set title margin this.chart.title().margin().bottom(20); // set stack mod this.chart.yScale().stackMode('value'); // set tooltip settings this.chart.tooltip().valuePostfix('%').displayMode('union'); // set chart container id this.chart.container('chartContainer'); // initiate chart drawing this.chart.draw(); }Tengo la intención de cambiar el anillo con la etiqueta '50' a cualquier color de mi elección?
Editar Similar a esto , pero no puedo hacer que funcione para otros anillos específicos.
1 answers
Answer question0
Si desea personalizar los gráficos, puede usar la opción de tema personalizado, https://docs.anychart.com/Appearance_Settings/Themes#out_of_the_box_themes
Los temas listos para usar se pueden ubicar en la sección de temas en AnyChart CDN o en el paquete descargable de AnyChart, estos temas cambian la apariencia, la sensación y el diseño de cada gráfico, mapa, indicador, mapa de árbol o gráfico de acciones. Eres libre de usar y modificar estos temas como quieras. Para usar cualquiera de estos temas, solo con cualquier tema externo, haga referencia al archivo adecuado en el documento HTML y luego aplique el tema por nombre:
<head> <!--Link to the files with out of the box themes --> <script src="https://cdn.anychart.com/themes/2.0.0/coffee.min.js"></script> <script src="https://cdn.anychart.com/themes/2.0.0/dark_blue.min.js"></script> <script> anychart.onDocumentReady(function () { // data var data = [ ["Department Stores", 637166], ["Discount Stores", 721630], ["Men's/Women's Specialty Stores", 148662], ["All other outlets", 90000] ]; // apply coffee theme anychart.theme(anychart.themes.coffee); // apply dark blue theme // anychart.theme(anychart.themes.darkBlue); // create and display chart var chart = anychart.bar(); chart.bar(data); chart.container("container"); chart.draw(); }); </script> </head>