canvasjs - 反方向的角度标签？

Question

目前，CanvasJS 似乎只支持一个方向的角度标签（基线在左侧），如下图所示。我想以相反的方向旋转文本（文本的基线位于右侧），如箭头所示。

到目前为止，我已经尝试将axisX labelAngle 设置为90、270、-45、-90 和-270。这些都没有导致基线像我想要的那样向右移动，并且都将文本强制设置为最大 90 度，基线在左侧。

这在当前版本中可能吗？@Devs：如果当前版本不可用，是否可以添加对此的支持？

Answer 1

您可以将角度设置为负值以使其反向旋转，如此屏幕截图所示。 这是一个例子。

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>