简体   繁体   English

如何增加带子的高度?

[英]How to increase the height of the bands?

I have created a funnel with the below script.我用下面的脚本创建了一个漏斗。

Highcharts.chart('container', {
    chart: {
        type: 'funnel'
    },
    title: {
        text: 'Sales funnel'
    },
    plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                format: "Sales Chart:<br>{point.name}<br>Cart: {point.value:,.0f}<br>New Users: {point.unique:,.0f}<br>Total Orders Rate: {point.cr}%",
                softConnector: true,
                inside: true,
            },
            neckHeight: "0%",
                neckWidth: "80%",
                width: '15%',
                reversed: true,
        }
    },
    legend: {
        enabled: false
    },
    series: [{
    name: 'Unique users',
    keys: ["name", "y", "value", "unique", "did", "cr"],
    data: [
      ['Website visits', 1, 659, 541, '1', '1.31'],
      ['Downloads', 1, 392, 288, '38', '0.70'],
      ['Requested price list', 1, 562, 467, '101', '1.13'],
      ['Invoice sent', 1, 338, 282, '97', '0.68' ],
      ['Finalized', 1, 77, 59, '25', '0.14' ]
    ]
  }],
});

jsfiddle: https://jsfiddle.net/kiranuk/xhfbyj64/ jsfiddle: https ://jsfiddle.net/kiranuk/xhfbyj64/

The band looks crowded.乐队看起来很拥挤。 How can I increase the height of the bands?我怎样才能增加乐队的高度?

在此处输入图像描述

Thanks for the help.谢谢您的帮助。

You need to increase height of the chart.您需要增加图表的高度。 For example:例如:

  chart: {
    type: 'funnel',
    height: 600
  }

Live demo: https://jsfiddle.net/BlackLabel/a6sr93fo/现场演示: https ://jsfiddle.net/BlackLabel/a6sr93fo/

API Reference: https://api.highcharts.com/highcharts/chart.height API 参考: https ://api.highcharts.com/highcharts/chart.height

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM