高图使得饼图的目标值只有50%



我正试图使我的目标低于任何值,而不是100%,但它不会接受我的更改,它保持100%。

http://jsfiddle.net/erkin092/Yc3jF/1/

下面的代码是我设置值 的地方
type: 'pie',
name: 'Goal',
size: '75%',
innerSize: '65%',
slicedOffset: 0,
data: [{
    name: 'Goal',
    y: 50,
    color: 'white'
}]

我认为您的问题在于您创建了一个只有一个切片的饼状图。不管你把它设成多大,1片总是100%的馅饼。在50处加上第二秒,它们应该都显示为50。不知道这是否符合你的视觉效果,但这就是为什么它总是100%

正如@Matt Pileggi所说,您需要添加另一个点,以便Highcharts能够计算百分比。有一个问题——它会在图例中显示第二个元素。然后,您可以禁用该特定系列的图例,并添加另一个(假)以在图例中显示。例如:http://jsfiddle.net/Yc3jF/5/

    {
        type: 'pie',
        name: 'Goal',
        showInLegend: true,
        dataLabels: {
            enabled: false
        },
        borderWidth: 0,
        size: '65%',
        innerSize: '65%',
        data: [{
            name: 'Goal',
            color: 'white'
        }]
    }, {
        type: 'pie',
        name: 'Goal',
        size: '75%',
        innerSize: '65%',
        slicedOffset: 0,
        showInLegend: false,
        ignoreHiddenPoint: false,
        data: [{
            name: 'Goal',
            y: 50,
            color: 'white'
        },{
            name: 'Goal',
            y: 50,
            color: 'white',
            visible: false
        }]
     } 

相关内容

  • 没有找到相关文章

最新更新