javascript - highcharts 列宽度和边框顶部

Question

您好，我有图表和一些问题。

1) 如何将列的宽度设置为月份区域的宽度？ (我尝试在 CSS 中更改“宽度”，但没有用)

2)如何去除所有边框，但保留上边框？ (我尝试在 CSS 中更改“stroke-width”它不起作用)

也许一些 js 配置解决方案适用于它？

我使用答案更新了帖子，成功了!谢谢大家。

Highcharts.chart('container', {

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 54.4, 54.4],
        type: 'column'
    }],
    
    plotOptions: {
      column: {
      pointPadding: 0,
      groupPadding: 0,
      borderWidth: 0
      } 
	}

});

#container {
    min-width: 300px;
    max-width: 800px;
    height: 300px;
    margin: 1em auto;
}

.highcharts-series rect {
    stroke-dasharray: 45, 1000;
    stroke-width: 3;
    stroke: #00ff00;
}

.highcharts-grid path {
display: none;
}

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>

Answer 1

宽度可以用pointPadding: 0和groupPadding: 0来解决。

Highcharts.chart('container', {

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        type: 'column'
    }],
    
    plotOptions: {
      column: {
      pointPadding: 0,
      groupPadding: 0,
      borderWidth: 0
      } 
	}

});

#container {
min-width: 300px;
max-width: 800px;
height: 300px;
margin: 1em auto;
}

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>

然后你可以添加:

yAxis: [{
   gridLineWidth: 0,
   minorGridLineWidth: 0
}],

作为@Alex在他的回答中删除了边框和线条。