0

現在、CanvasJS は、下の画像に示すように、一方向 (ベースラインが左側) のラベルの角度付けのみをサポートしているようです。矢印で示すように、テキストを反対方向に回転させたい (テキストのベースラインが右側にある)。

CanvasJS チャート ラベル

これまでのところ、axisX の labelAngle を 90、270、-45、-90、および -270 に設定してみました。これらのどれも、私が望むようにベースラインを右にシフトする結果にはなりませんでした。また、テキストを強制的に左のベースラインで最大 90 度にしました。

これは現在のバージョンで可能ですか？@Devs: 現在のバージョンで利用できない場合、これのサポートを追加することは可能でしょうか?

4

1 に答える 1

0

このスクリーンショットに示すように、角度を負の値に設定して、反対方向に回転させることができます。 ここに画像の説明を入力 ここに例があります。

var chart = new CanvasJS.Chart("chartContainer",
    {
      axisX:{
        title: "labels at -45 deg",
        labelAngle: -45
      },
      data: [
      {
        type: "column",
        dataPoints: [

        { x: 10, y: 71, label: "cat 1" },
        { x: 20, y: 55, label: "cat 2" },
        { x: 30, y: 50, label: "cat 3" },
        { x: 40, y: 65, label: "cat 4" },
        { x: 50, y: 95, label: "cat 5" },
        { x: 60, y: 68, label: "cat 6" },
        { x: 70, y: 28, label: "cat 7" },
        { x: 80, y: 34, label: "cat 8" },
        { x: 90, y: 14, label: "cat 9" }
        ]
      }
      ]
    });

    chart.render();
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

于 2016-02-26T05:37:06.060 に答える