Question

根据我的项目要求，我想使用highchart和Angular 6创建一个散点图，但有一个缺点是我没有任何Y轴。我已经尝试了一切，但没有找到解决方案。我添加了一张图片，以阐明我的要求，请参考它。 Sample Image for my requirement

谢谢。

Answer 1

此解决方案可能会为您提供帮助。只需在下面的高图代码中添加visible为false即可。

yAxis: {
        visible:false
  },

参考链接https://api.highcharts.com/highcharts/yAxis.visible

Answer 2

为了获得预期的效果，您需要将yAxis.visible参数设置为（如@sachin所述）等于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/

HighChart中没有Y轴的散点图

2 个答案: