使用 react-plotly.js 在 plotly.js 中更改饼图切片的颜色
Change color of slices of piechart in plotly.js using react-plotly.js
import Plotly from "plotly.js";
import createPlotlyComponent from "react-plotly.js/factory";
export const Plot = createPlotlyComponent(Plotly);
export function PieChart() {
return <Plot data={data} layout={layout} config={{ displaylogo: false }} useResizeHandler={true} style={{ width: '100%' }} />;
}
我想改变Piechart切片的颜色,我参考了plotly的文档,添加了
marker: {
color: 'rgba(255,153,51,0.6)',
width: 1
}
也是,但没用
这是数组,
maker.color
--> maker.colors
您可以按如下方式进行
marker: {
colors: ['rgb(56, 75, 126)', 'rgb(18, 36, 37)', 'rgb(34, 53, 101)'],
width: 1
}
这是DEMO,
import Plotly from "plotly.js";
import createPlotlyComponent from "react-plotly.js/factory";
export const Plot = createPlotlyComponent(Plotly);
export function PieChart() {
return <Plot data={data} layout={layout} config={{ displaylogo: false }} useResizeHandler={true} style={{ width: '100%' }} />;
}
我想改变Piechart切片的颜色,我参考了plotly的文档,添加了
marker: {
color: 'rgba(255,153,51,0.6)',
width: 1
}
也是,但没用
这是数组,
maker.color
--> maker.colors
您可以按如下方式进行
marker: {
colors: ['rgb(56, 75, 126)', 'rgb(18, 36, 37)', 'rgb(34, 53, 101)'],
width: 1
}
这是DEMO,