Как создать ось категорий для пузырьковых диаграмм в amcharts 4? - PullRequest
Новая
       31

Как создать ось категорий для пузырьковых диаграмм в amcharts 4?

0 голосов
/ 20 марта 2020

Я пытаюсь создать ось категорий для пузырьковой диаграммы в амбрах 4, но я не могу ее достичь.

Кроме того, возможно ли иметь две оси категорий на обоих, а также на х и у ?

Это мой код: 

am4core.useTheme(am4themes_animated);

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

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

var yAxis = chart.yAxes.push(new am4charts.ValueAxis());
yAxis.min = 0;
yAxis.max = 80;
yAxis.keepSelection = true;
yAxis.renderer.grid.template.above = true;

var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.categoryX = "category";
series.dataFields.valueY = "y";
series.dataFields.value = "radius";
series.strokeOpacity = 0;


var bullet = series.bullets.push(new am4core.Circle());
bullet.fill = am4core.color("#000000");
bullet.strokeOpacity = 0;
bullet.strokeWidth = 2;
bullet.fillOpacity = 0.5;
bullet.stroke = am4core.color("#ffffff");
bullet.hiddenState.properties.opacity = 0;
bullet.tooltipText = "value:{value.value} x:{valueX.value} y:{valueY.value}";


newData = [
    {
        x: 10,
        y: 10,
        category: "1st",
        radius: 400
    },
    {
        x: 30,
        y: 10,
        category: "2nd",
        radius: 400
    },
    {
        x: 50,
        y: 50,
        category: "3rd",
        radius: 400
    },
    {
        x: 70,
        y: 30,
        category: "4th",
        radius: 400
    },
    {
        x: 10,
        y: 70,
        category: "1st",
        radius: 400
    },

];

series.heatRules.push({target: bullet, min: 2, max: 30, property: "radius"});
series.data = newData;

Я не получаю никакой категории в таблице XY. Вот результат, который я получаю: enter image description here

...