Javascript 高栏宽度和边框顶部

你好，我有海图和一些问题

1） 如何将列的宽度设置为当月区域的宽度？（我尝试在CSS中更改“宽度”，但它不起作用）

2） 如何删除所有边框，但保存顶部边框？（我尝试在CSS中更改“笔划宽度”，但它不起作用）

也许有一些js配置解决方案可以解决这个问题

我用答案更新了帖子，这是工作！谢谢大家。

Highcharts.chart（'container'{
xAxis：{
类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’，
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,54.4,54.4]，
类型：“列”
}],
打印选项：{
专栏：{
点填充：0，
分组填充：0，
边框宽度：0
} 
}
});
#容器{
最小宽度：300px；
最大宽度：800px；
高度：300px；
保证金：1em自动；
}
.highcharts系列rect{
笔划数组：451000；
笔画宽度：3；
行程：#00ff00；
}
.highcharts网格路径{
显示：无；
}
您可以使用pointWidth设置宽度：

plotOptions: {
        series: {
            pointWidth: 40
        }
    },

可以使用以下方法删除轴网线：

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

查看它：


Highcharts.chart（'container'{
亚克斯：[{
网格线宽：0，
minorGridLineWidth:0
}],
xAxis：{
类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’，
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
},
打印选项：{
系列：{
点宽度：40
}
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
类型：“列”
}]
});
#容器{
最小宽度：300px；
最大宽度：800px；
高度：300px；
保证金：1em自动；
}
您可以通过将
图表：{width:width}，
键值对添加到
选项
对象来指定图表的宽度，如下所示

至于图表的边框，没有配置。您需要向container div添加样式，正如我在下面的代码段中所做的那样


Highcharts.chart（'container'{
图表：{
宽度：300
},
xAxis：{
类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’，
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
类型：“列”
}]
});
#容器{
最小宽度：300px；
最大宽度：800px；
高度：300px；
保证金：1em自动；
}
宽度可以通过
点填充：0
和
组填充：0
解决


Highcharts.chart（'container'{
xAxis：{
类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’，
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
类型：“列”
}],
打印选项：{
专栏：{
点填充：0，
分组填充：0，
边框宽度：0
} 
}
});
#容器{
最小宽度：300px；
最大宽度：800px；
高度：300px；
保证金：1em自动；
}

删除所有边框是什么意思？从列中删除左/右/下边框并仅保存边框TOP我试图将您的答案和@Alex回复结合起来（我更新了我的帖子），但这些方法无法解决列之间的白线问题。我还需要在每个顶部添加一个边框column@AlexChirkin我刚刚在回答中更新了JS，使用
plotOptions
中的
borderWidth:0
修复了条间的线条。不过现在还不确定边界顶部。一条白线还活着=（对不起，你能帮我一下吗？@AlexChirkin我刚看了一下，但我现在真的不确定这个问题。对不起，我帮不上什么忙了。