amchart4 категорияAxis break - PullRequest
       3

amchart4 категорияAxis break

0 голосов
/ 11 февраля 2020

Я должен сделать диаграмму, в которой есть x-> categoryAxis и y-> valueAxis, но я хочу, чтобы xCategoryAxis имел разрыв между двумя категориями.

// Create chart instance
var chart = am4core.create("chartdiv", am4charts.XYChart);

// Add data
chart.data = [{
  "category": "Research",
  "value": 450
}, {
  "category": "Marketing",
  "value": 1200
}, {
  "category": "Distribution",
  "value": 1850
}, {
  "category": "HR",
  "value": 850
}, {
  "category": "Sales",
  "value": 499
}, {
  "category": "Support",
  "value": 871
}, {
  "category": "Other",
  "value": 512
}];

// Create axes
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";
categoryAxis.renderer.grid.template.location = 0;
categoryAxis.renderer.minGridDistance = 30;

var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// Create series
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "value";
series.dataFields.categoryX = "category";

var axisBreak = categoryAxis.axisBreaks.create();
axisBreak.startCategory = "Distribution";
axisBreak.endCategory = "Sales";
axisBreak.breakSize = 0.5;

Я получил ошибку "Value hasn" t существовать ".
Если я удаляю этот код, он создает разрыв

// Create series
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "value";
series.dataFields.categoryX = "category";

, но, конечно, он не создает серию, даже если я удаляю этот код

var axisBreak = categoryAxis.axisBreaks.create();
axisBreak.startCategory = "Distribution";
axisBreak.endCategory = "Sales";
axisBreak.breakSize = 0.5;

это создает серию, но не разрыв

...