使用 Highcharts.js 创建打孔卡样式图表

我想通过 highcharts 复制 github 上呈现的“打孔卡”样式图。

我真的很挣扎这个问题，这是一个jsfiddle http://jsfiddle.net/CA2cT/1/这开始让我到达那里。我宁愿在 y 上花几天时间，在 x 上花时间，但我不知道应该如何去做这件事。

任何帮助表示赞赏。

TIA!

我无法翻转轴，但为你解决了很多问题。

HTML:

<div id="container" style="height: 400px"></div>

JS:

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container',
    defaultSeriesType: 'scatter'
},

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

},
plotOptions: {
    scatter: {
        marker: {
            radius: 4,
            states: {
                hover: {
                    enabled: true,
                    lineColor: 'rgb(100,100,100)'
                }
            }
        },
        states: {
            hover: {
                marker: {
                    enabled: false
                }
            }
        }
    }
},
series: [{
    data: [{y: 161}, {y: 167}, {y: 165}, {y: 140}, {y: 172}, {y: 163}, {y: 187}, {y: 107}, {y: 147}, {y: 145}, {y: 112}, {y: 199}]
}]
});