Highcharts 如何定制highchart

Highcharts 如何定制highchart,highcharts,Highcharts,我想对海图进行一些定制。我想让高图表看起来像图片,请看一下图片: 如何通过Highcharts实现这一点?试试以下方法: 有关更多帮助,请查看Highcharts API,您应该使用带有已启用数据标签的条形图。 每个栏之间的间隙,可以通过groupPadding/pointPadding/pointWidth定义。所有这些都可以在文档中记录 您的jsfiddle就快到了。尝试添加以下内容: xAxis: { lineWidth:0, tickLength:0, 要更改条形图宽度,请结

我想对海图进行一些定制。我想让高图表看起来像图片,请看一下图片:

如何通过Highcharts实现这一点?

试试以下方法:


有关更多帮助,请查看Highcharts API,您应该使用带有已启用数据标签的条形图。
每个栏之间的间隙,可以通过groupPadding/pointPadding/pointWidth定义。所有这些都可以在文档中记录

您的jsfiddle就快到了。尝试添加以下内容:

xAxis: {
  lineWidth:0,
  tickLength:0,
要更改条形图宽度,请结合使用pointWidth和pointPadding

plotOptions:{
    bar:{
        pointWidth:10,
        pointPadding:10
    }
}

到目前为止你得到了什么?向我们展示一些您尝试过的代码。我使用的代码在这里是jsfiddle.net/PS8WJ/,它现在正在工作,但我无法删除CC或WCDL旁边的x轴线条。请帮助。我还想控制每个堆栈条的大小。谢谢你的帮助。@himadrigangly:谢谢你的JSFIDLE帮我解决了我的问题。非常感谢你的帮助。你能帮我另一个忙吗,我只想设置每个堆栈条的宽度,你能告诉我怎么做就像这张图片中的堆栈一样-更新了piointwidth和pointPadding的答案。尝试不同的值以获得所需的外观。
plotOptions:{
    bar:{
        pointWidth:10,
        pointPadding:10
    }
}