Точечный пузырьковый график без оси Y в HighChart

Question

В соответствии с требованиями моего проекта, я хочу создать Scatter Bubble Chart, используя highchart и Angular 6, но суть в том, что у меня не будет оси Y. Я перепробовал все, но не нашел решения. Я добавил изображение, чтобы уточнить мои требования, пожалуйста, обратитесь к нему. Образец изображения для моего требования

Спасибо.

Answer 1

Чтобы достичь ожидаемого эффекта, вам нужно установить (как сказал @sachin) параметр yAxis.visible равным false, и все ваши точки должны иметь y равным одному значению. Вот код и пример:

Highcharts.chart('container', {

    chart: {
        type: 'bubble',
    },
    title: false,
    legend: {
        enabled: false
    },
    xAxis: {
        type: 'datetime'
    },
    yAxis: {
        visible: false
    },
    series: [{
        pointStart: Date.UTC(2018, 9, 6, 12),
        pointInterval: 15 * 60 * 1000, // 15 mins
        data: [
            {y: 1, z: 10},
            {y: 1, z: 8},
            {y: 1, z: 5},
            {y: 1, z: 10},
            {y: 1, z: 4},
            {y: 1, z: 9},
        ]
    }]

});

Живой пример: https://jsfiddle.net/6e9nb3qk/

Answer 2

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

yAxis: {
        visible:false
  },

Ссылка https://api.highcharts.com/highcharts/yAxis.visible