列高图重叠和轴X线问题

Question

我正在尝试使用高图来绘制柱形图（正如您在jsfiddle示例中所见）。

http://jsfiddle.net/md2zk/48/ my jsfiddle example

但是，我面临两个问题：

1个数据重叠。图像宽度是固定的，但数据值是动态的。如果数据接近，它将相互重叠。有办法解决这个问题吗？

1. 我想将一行显示为附加的png文件。但是，似乎找不到办法做到这一点。

有人可以帮忙吗？

Answer 1

1。）简单的回答是只旋转标签：

plotOptions: {
    series: {
        dataLabels: {
            rotation: 290,
            y: -32,
            x: 10
        }
    },

示例here。如果你想获得更多爱好者，请参阅@ {PawelFul的answer。

2.。）要添加yAxis行，请设置yAxis.lineWidth > 0：

yAxis: {
    lineWidth: 1,

查看更新的fiddle。

Answer 2

对于系列广告，您只需添加另一个系列type:'line'

示例：

• http://jsfiddle.net/md2zk/50/

{{编辑以发表评论：

如果希望线系列从Y轴线开始，则需要使用第二个x轴，并将数据系列分配给该轴。分类轴不会启动图表边缘的数据点。

}}

对于重叠数据标签，没有开箱即用的解决方案来避免这些元素的冲突。 这里有许多与此问题相关的功能请求：

• http://highcharts.uservoice.com/forums/55896-general?query=datalabel

但是，如果使用固定宽度和动态数量的列，您将遇到各种各样的问题。