Highcharts可变半径饼图-外圆

Question

我已经在我的应用程序中实现了Highchart.js变量饼图。我需要在整个图表上显示外圈/边框，而不是在单个切片上显示外圈/边框，以便我们可以轻松地看到全部或部分填充的切片数量。

我尝试了borderWidth，lineWidth等，但是没有运气。有什么办法可以实现相同？需要类似图像的输出。

Answer 1

您可以使用Highcharts.SVGRenderer类呈现所有其他svg元素。在这里，您可以找到带有所需圆圈的示例：

public class BaseViewModel : INotifyPropertyChanged
{
    private bool isBusy = false;
    public bool IsBusy
    {
        get { return isBusy; }
        set { SetProperty(ref isBusy, value); }
    }

    protected bool SetProperty<T>(ref T backingStore,
                                  T value,
                                  [CallerMemberName] string propertyName = "",
                                  Action onChanged = null)
    {
        if (EqualityComparer<T>.Default.Equals (backingStore, value))
            return false;

        backingStore = value;
        onChanged?.Invoke();
        OnPropertyChanged(propertyName);
        return true;
    }

    #region INotifyPropertyChanged
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged([CallerMemberName] string propertyName = "")
    {
        var changed = PropertyChanged;
        if (changed == null)
            return;

        changed.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
    #endregion
}

---

实时演示： https://jsfiddle.net/BlackLabel/r985mdkh/

API参考： https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#circle