0

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/

4

1 に答える 1

0

dataPoints の name 属性を使用してそれを行う方法を見つけました。

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/

于 2015-07-07T08:54:53.300 に答える