首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HighChart中不含Y轴的气泡散点图

HighChart中不含Y轴的气泡散点图
EN

Stack Overflow用户
提问于 2018-09-05 18:03:29
回答 2查看 300关注 0票数 0

根据我的项目要求,我想创建一个使用highchart和Angular 6的散布气泡图,但扭曲的是,我不会有任何Y轴。我什么都试过了,但还是没有找到解决方案。我添加了一张图片,以澄清我的要求,请参考它。Sample Image for my requirement

谢谢。

EN

回答 2

Stack Overflow用户

发布于 2018-09-05 18:54:35

此解决方案可能会对您有所帮助。只需将visible作为false添加到highchart代码中,如bellow。

代码语言:javascript
运行
复制
yAxis: {
        visible:false
  },

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

票数 0
EN

Stack Overflow用户

发布于 2018-09-06 17:11:29

为了达到您期望的效果,您需要(正如@sachin所说)将yAxis.visible参数设置为false,并且您所有的点都需要将y设置为相同的值。以下是代码和示例:

代码语言:javascript
运行
复制
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/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52182424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档