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();

Есть ли способ остановить отображение метки на самой диаграмме, но при этом иметь значение метки для всплывающей подсказки?

https://jsfiddle.net/befmrhz4/

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/

Другие вопросы по тегам