highcharts - 如何自定义highchart

Question

我想对 Highcharts 进行一些自定义。我想让高图表看起来像图像，请看图像：

如何通过 Highcharts 实现这一目标？

Answer 1

试试这个：http: //jsfiddle.net/HAB7t/

chart: {
    type: 'bar'
}

如需更多帮助，您可以查看 Highcharts API http://api.highcharts.com/highcharts

Answer 2

您应该使用启用数据标签的条形图。http://www.highcharts.com/demo/bar-basic 每个柱之间的间隙，可以通过 groupPadding/pointPadding/pointWidth 来定义。所有这些都可以在文档中找到。http://api.highcharts.com/highcharts

Answer 3

你的 jsfiddle 快到了。尝试添加这个：

xAxis: {
  lineWidth:0,
  tickLength:0,

要更改条形宽度，请结合使用 pointWidth 和 pointPadding

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