Canvasjs пончик, удалить метки
Я использую canvasjs для создания кольцевой диаграммы - сама диаграмма отлично работает, но я хочу, чтобы надписи были удалены из самой диаграммы и отображались только во всплывающей подсказке.
Я пробовал ниже на основе того, что я прочитал на сайте canvasjs, но он не скрывает ярлык:
<div id="chartContainer" style="width:150px; height:150px;"></div>
var chart = new CanvasJS.Chart("chartContainer",
{
animationEnabled: true,
theme: "theme2",
creditText:"",
axisY:{
valueFormatString: " ",
tickLength: 0
},
axisX:{
valueFormatString: " ",
tickLength: 0
},
data: [
{
type: "doughnut",
startAngle:270 ,
toolTipContent: "{label}: {y}",
dataPoints: [
{ y: 2, label: "L1"},
{ y: 3, label: "L2"},
{ y: 8, label: "L3"}
]
}
]
});
chart.render();
Есть ли способ остановить отображение метки на самой диаграмме, но при этом иметь значение метки для всплывающей подсказки?
1 ответ
Просто нашел способ сделать это, используя атрибут name в dataPoints:
var chart = new CanvasJS.Chart("chartContainer",
{
animationEnabled: true,
theme: "theme2",
data: [
{
type: "doughnut",
startAngle:270 ,
toolTipContent: "{name}: {y}",
dataPoints: [
{ y: 2, name: "L1"},
{ y: 3, name: "L2"},
{ y: 8, name: "L3"}
]
}
]
});
chart.render();
http://canvasjs.com/docs/charts/chart-options/data/datapoints/