相反方向的角度标签？

Question

目前，似乎CanvasJS仅支持在一个方向上生成标签（左侧有基线），如下图所示。我想以相反的方向旋转文本（文本的基线在右边），如箭头所示。

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

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;