Css Highcharts-在饼图中放置一个楔块的样式和更改样式的位置

我这里有一个Highcharts饼图：

$（函数（）{
var图；
$（文档）.ready（函数（）{
//使颜色呈放射状
Highcharts.getOptions（）.colors=Highcharts.map（Highcharts.getOptions（）.colors，函数（color）{
返回{
径向梯度：{cx:0.5，cy:0.3，r:0.7}，
停止：[
[0，彩色]
]
};
});
//绘制图表
图表=新的高点图表。图表({
图表：{
renderTo:'容器'，
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
影子：没错，
},
工具提示：{
已启用：false
},
标题：{
案文：“”
},
打印选项：{
馅饼：{
allowPointSelect:true，
大小：'68%'，
光标：“指针”，
影子：没错，
数据标签：{
启用：对，
距离：-40，
风格：{
宽度：“100px”
},
颜色：“#fff”，
连接器颜色：'#000000'，
格式化程序：函数（）{
返回“”+this.point.name+“”；
}
}
}
},
系列：[{
键入“pie”，
名称：“收入投资”，
数据：[
[“浮动利率基金”，16.667]，
{
名称：'公司资本信托'，
y:16.667，
切碎：是的，
所选：真
},                                     
[“债券”，16.667]，
[“年金”，16.667]，
[REITs'，16.667]，
[CDs'，16.667]
]
}],
颜色：[
"83a3c6",，
"98012e",，
"19699b",，
"ae9e8e",，
"5283b0",，
'#958370'
],
});
});
});

两个问题：

1） 我不满意我在plotOptions{pie{formatter中插入内联样式的方式。使用API而不是强制使用内联样式，哪里是更好的地方

2） 我想更改红色楔形字体的字体系列（并可能调整其位置/边距）。最好的方法是什么

---

编辑：理想情况下，我可以在不超出上述功能的情况下完成我的需要。是否可以使用API将样式仅附加到一个数据点？

这是一个简单的html，因此您可以添加一个

类

或

id

，然后使用

css

进行样式设置

js

更新：

在格式化程序中，您可以使用

this

获取切片属性
因此，您只需检查切片是否是您想要的

formatter: function() {
    // key is the slice name
    if (this.key == 'CDs') {
        return '<b id="myTooltipId">'+ this.point.name +'</b> ';
    } else {
        return this.value;
    }
}

格式化程序：函数（）{
//键是切片名称
如果（this.key='CDs'）{
返回“”+this.point.name+“”；
}否则{
返回此.value；
}
}

我可以通过为每个饼图楔子生成一个唯一的ID来修改它。这样，我可以只更改一个楔子的字体，而不是所有楔子的字体。我必须将此信息传递给另一个开发人员，我希望他们能正确地将css添加到他们的工作表中。因此，我宁愿在API中完成所有操作，但我不确定我能否将样式附加到一个楔子上我想这是我真正的问题。

formatter: function() {
    return '<b id="myTooltipId">'+ this.point.name +'</b> ';
}

#myTooltipId {
    font-family: arial;
    font-size: 10px;
    font-weight:bold
}

formatter: function() {
    // key is the slice name
    if (this.key == 'CDs') {
        return '<b id="myTooltipId">'+ this.point.name +'</b> ';
    } else {
        return this.value;
    }
}