Highcharts Sunburst等级半径-Java 学习之路

我正在用Highcharts .NET制作一个sunburst，

这是我设置图表的方式：

Highcharts higcharts = new Highcharts
{
    Chart = new Chart
    {
        Type = ChartType.Sunburst,
        Width = 700,
        Height = 700
    },
    Title = new Title
    {
        Text = "Monthly Average Temperature",
        X = -20
    },
    Subtitle = new Subtitle
    {
        Text = "Source: WorldClimate.com",
        X = -20
    },
    Legend = new Legend
    {
        Layout = LegendLayout.Vertical,
        Align = LegendAlign.Right,
        VerticalAlign = LegendVerticalAlign.Middle,
        BorderWidth = 0
    },
    Series = new List<Series>
{
    new SunburstSeries
    {
        Name ="Test",
        Data = data,
        //LevelSize = new SunburstSeriesLevelSize
        //{
        //    Unit = SunburstSeriesLevelSizeUnit.Percentage,
        //    Value = 100
        //},
        Levels = new List<SunburstSeriesLevels>
        {
            new SunburstSeriesLevels
            {
                LevelSize = new SunburstSeriesLevelsLevelSize{
                    Unit = SunburstSeriesLevelsLevelSizeUnit.Percentage,
                    Value = 90
                }
            },
            new SunburstSeriesLevels
            {
                LevelSize = new SunburstSeriesLevelsLevelSize{
                    Unit = SunburstSeriesLevelsLevelSizeUnit.Percentage,
                    Value = 10
                }
            }
        }
       }
    }
};

我尝试过很多方法，但是水平半径永远不会改变，我是否会错过什么？

唯一一个工作是整个系列的水平，但我需要设置特定级别的大小 .

我试图搜索，但看起来没有人遇到过任何问题 .

1 回答

Level的对象 levelSize 能够控制各个级别的大小 . 它有两个属性： unit （ pixels / percentage / weight ）和 value （由单位确定）：

levels: [{
        level: 1,
        levelIsConstant: false,
        levelSize: {
            unit: 'pixels',
            value: 30
        }
    }, {
        level: 2,
        colorByPoint: true,
        dataLabels: {
            rotationMode: 'parallel'
        }
    }, {
        level: 3,
        levelIsConstant: true,
        levelSize: {
            unit: 'weight',
            value: 2
        }
    }, {
        level: 4,
        levelIsConstant: true,
        levelSize: {
            unit: 'percentage',
            value: 30
        }
    }]

Live demo: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/sunburst-levelsize/

API reference: https://api.highcharts.com/highcharts/series.sunburst.levelSize

回复于 2024-04-26T13:28:55+08:00

Highcharts Sunburst等级半径

1 回答

相关问题