相反方向的角度标签？

Question

目前CanvasJS好像只支持一个方向的angling labels（baseline在左边），如下图。我想以相反的方向旋转文本（文本的基线在右边），如箭头所示。

到目前为止，我已尝试将 axisX labelAngle 设置为 90、270、-45、-90 和 -270。 None 其中的结果导致基线像我想要的那样向右移动，并且都强制文本与左侧的基线最大 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>

相反方向的角度标签？

Angle labels in opposite direction?

canvasjs