更改柱形图中 x 轴的标签类型

Question

我正在使用 canvasjs 插件饼图和柱形图的 2 个图表。在饼图中，元素的标签非常好，它可以将所有空格用于无内容，但如果一个标签的长度很大，则会跳过柱形图。但我不想让它跳过。所以这是我的问题，有没有办法像在饼图中一样在柱形图（条形图）中使用标签（仅限 X 轴）？

谢谢。

注意：我解析它，更改它等等。如果我中断插件本身，一切都会出现另一个问题，所以我需要解决方案。

Answer 1

当图表太靠近以避免重叠时，图表会自动跳过标签。您可以通过将间隔设置为 1 来覆盖此行为。

参考Axis X Interval了解更多详情。

这是一个例子：

var chart = new CanvasJS.Chart("chartContainer",
    {
      axisX:{
        title: "Axis X with interval 1",
        interval: 1
     },
      data: [
      {
        type: "column",
        dataPoints: [
        { x: 1, y: 71 },
        { x: 2, y: 55 },
        { x: 3, y: 50 },
        { x: 4, y: 65 },
        { x: 5, y: 95 },
        { x: 6, y: 68 },
        { x: 7, y: 28 },
        { x: 8, y: 34 },
        { x: 9, y: 14 },
        { x: 10, y: 14 },
        { x: 11, y: 71 },
        { x: 12, y: 55 },
        { x: 13, y: 50 },
        { x: 14, y: 65 },
        { x: 15, y: 95 },
        { x: 16, y: 68 },
        { x: 17, y: 28 },
        { x: 18, y: 34 },
        { x: 19, y: 14 }
        ]
      }
      ]
    });

    chart.render();

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

更改柱形图中 x 轴的标签类型

change type of labels of x-axis in column chart

canvasjs