如何创建放射状图表或旭日图来实现图像的图表？

Question

我正在尝试创建一个雷达图，其中 X 轴是宽度可变的类别轴，Y 轴是值范围从 0 到 2 的值轴，可以沿半径定位。

我尝试使用此图表，但无法修改类别宽度： https://www.amcharts.com/demos-v4/variable-radius-radar-v4/

我还想通过使用纯色渐变（例如红-白）来使用旭日图（https://www.amcharts.com/demos-v4/sunburst-chart-v4/），但同样，我不这样做不知道如何创建这种类型的渐变。

有什么想法或替代图表库吗？

Answer 1

最后我使用旭日形和径向渐变的颜色实现了它：

https://codepen.io/diedel/pen/VwJBamV

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// create chart
var chart = am4core.create("chartdiv", am4plugins_sunburst.Sunburst);
chart.padding(0, 0, 0, 0);
chart.radius = am4core.percent(90);

// Energy
energyValue = 0.7;
energyColor = "#f29a98";
energyGradient = new am4core.RadialGradient();
energyGradient.addColor(am4core.color("rgba(255, 255, 255, 0)"), 1, 0);
energyGradient.addColor(am4core.color("rgba(255, 255, 255, 0)"), 1, (1 + energyValue) / 2);
energyGradient.addColor(am4core.color(energyColor), 1, (1 + energyValue) / 2);
energyGradient.addColor(am4core.color(energyColor), 1, 1);
...