代码之家  ›  专栏  ›  技术社区  ›  Marcos Felipe

在高图表中使用点填充更改条形图宽度

  •  1
  • Marcos Felipe  · 技术社区  · 7 年前

    我试图增加下表中的条形图高度:

    Actual chart

    pointPadding pointPlacement . pointWidth ,这些选项将被忽略。

    有办法解决这个问题吗?

    $(function () {
        $('#chart').highcharts({
            chart: {
                type: 'bar',
                spacingBottom: 10,
                spacingTop: 20,
                spacingLeft: 15,
                spacingRight: 15
            },
            title: {
                text: 'F',
            },
            xAxis: {
                categories: ['F']
            },
            series: [{
                name: 'M',
                color: 'rgba(220,220,220,0.70)',
                borderColor: '#999999',
                borderRadius: 0,
                data: [4380000.00],
                pointPadding: 0,
                pointPlacement: 0.2
            }, {
                name: 'P',
                color: 'rgba(0,0,0,0.70)',
                borderColor: '#000',
                borderRadius: 0,
                data: [4000000],
                pointPadding: 0.1,
                pointPlacement: 0
            }, {
                name: 'F',
                color: 'rgba(140,255,160,0.90)',
                borderColor: '#339938',
                borderRadius: 0,
                data: [3226923.00],
                pointPadding: 0.2,
                pointPlacement: -0.2
            }]
        });
    });
    

    谢谢你的帮助。

    1 回复  |  直到 7 年前
        1
  •  1
  •   raf18seb    7 年前

    忘记pointPadding和pointWidth操作。

    series: [{
      name: 'M',
      color: 'rgba(220,220,220,0.70)',
      borderColor: '#999999',
      borderRadius: 0,
      data: [4380000.00],
      //pointPadding: 0,
      pointPlacement: -0.2,
      pointWidth: 120
    }, {
      name: 'P',
      color: 'rgba(0,0,0,0.70)',
      borderColor: '#000',
      borderRadius: 0,
      data: [4000000],
      //pointPadding: 0.1,
      pointPlacement: 0,
      pointWidth: 80
    }, {
      name: 'F',
      color: 'rgba(140,255,160,0.90)',
      borderColor: '#339938',
      borderRadius: 0,
      data: [3226923.00],
      //pointPadding: 0.2,
      pointPlacement: 0.2,
      pointWidth: 50
    }]
    

    你可以在这里看到结果: jsFiddle