Question

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

谢谢。

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

Answer 1

当图表太靠近以避免重叠时，图表会自动跳过标签。您可以通过将interval设置为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轴标签的类型

1 个答案: