Изменить тип метки оси X в столбце диаграммы

Question

Я использую 2 диаграммы canvasjs плагин круговая диаграмма и столбчатая диаграмма. В круговой диаграмме метки элементов настолько хороши, что используются все пробелы в свободном контенте, но столбчатая диаграмма, если длина одной метки велика, пропускается. Но я не хочу пропустить это. так что это мой вопрос, есть ли способ использовать метки (только ось X) в диаграмме столбца (столбчатая диаграмма), как и в круговой диаграмме?

Спасибо.

Примечание: я анализирую это, изменяю это и т. Д. Все возникает другая проблема, если я прерываю сам плагин, поэтому мне нужно хотя бы решение

Answer 1

Графики автоматически пропускают метки, когда они находятся слишком близко, чтобы избежать наложения. Вы можете изменить это поведение, установив интервал в 1.

См. Ось X Интервал для более подробной информации.

Вот пример:

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>