Советы по пузырьковым диаграммам Ngx

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

HTML:

<ngx-charts-bubble-chart
        [results] = "bubbleDemoTempData"
        [view] = "view"
        [showGridLines] = "showGridLines"
        [legend] = "legend"
        [legendTitle] = "legendTitle"
        [legendPosition] = "legendPOsition"
        [xAxis] = "XAxis"
        [yAxis] = "YAxis"
        [showXAxisLabel] = "showXAxisLabel"
        [showYAxisLabel] = "showYAxisLabel"
        [xAxisLabel] = "xAxisLabel"
        [yAxisLabel] = "yAxisLabel"
        [trimXAxisTicks] = "trimXAxisTicks"
        [trimYAxisTicks] = "trimYAxisTicks"
        [maxXAxisTickLength] = "maxXAxisTickLength"
        [maxYAxisTickLength] = "maxYAxisTickLength"
        [roundDomains] = "roundDomains"
        [minRadius] = "minRadius"
        [maxRadius] = "maxRadius"
        [autoScale] = "autoScale"
        [schemeType] = "schemeType"
        (select) = "onSelectBubbleInteractivePoint($event)"
        *ngIf = "dataTypeDisplay == 'GraphForm'" 
        [@fade]>
    </ngx-charts-bubble-chart>

Машинопись:

view: any[] = [700, 400];

// options
showGridLines = true;
legend = true;
legendTitle = "Dots Mf'er";
legendPosition = "right";
xAxis = true;
yAxis = true;
showXAxisLabel = true;
showYAxisLabel = true;
xAxisLabel = "LR";
yAxisLabel = "Jobs";
trimXAxisTicks = true;
trimYAxisTicks = true;
rotateXAxisTicks = true;
maxXAxisTickLength = 16;
maxYAxisTickLength = 16;
// xAxisTicks;
// yAxisTicks;
roundDomains = false;
maxRadius = 5;
minRadius = 5;
autoScale = true;
schemeType = "ordinal";
tooltipDisabled = false;

Точки данных:

public bubbleDemoTempData = [
        {
          "name": "Example1",
          "series": [
            {
              "name": "a",
              "x": 0,
              "y": 0,
              "r": 1
            },
            {
                "name": "b",
                "x":10,
                "y":3,
                "r":10
            }
          ]
        },
        {
            "name":"Example2",
            "series": [
                {
                    "name":"1",
                    "x":20,
                    "y":1,
                    "r":30
                },
                {
                    "name":"2",
                    "x":3,
                    "y":3,
                    "r":500
                }
            ]
        }
      ];

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