动态添加数据到Highcharts中的列

Question

我正在尝试创建一个可以通过单击按钮进行更新的柱形图，以便用户可以通过测验跟踪他们的进度。我非常接近这个小提琴，但我的逻辑是关闭的，因为虽然每次点击后列数据增加，但y轴也将先前点击的数据添加到列数据的总和中：例如。单击按钮A，A列接收1点，单击按钮B，B列接收一个点，但在B列中添加总计2的A点，而不是仅获得一个点。

https://jsfiddle.net/mrjarbenne/17en2sc8/

var chart = Highcharts.chart('container', {
chart: {
type: 'column'
},
xAxis: {
categories: ['A', 'B', 'C']
},

series: [{
    data: [0, 0, 0]
}]
});

// button handler
var y = 0;
$('#button').click(function () {
y += 1;
chart.series[0].data[0].update(y);
});

// button handler
var y = 0;
$('#button2').click(function () {
y += 1;
chart.series[0].data[1].update(y);
});

// button handler
var y = 0;
$('#button3').click(function () {
y += 1;
chart.series[0].data[2].update(y);
});

另一个小提琴是我一直试图使用的另一种方法，但我正在努力删除实时功能，因此它只是一个独立的元素（我不希望图表由多个人更新在会议中）

http://jsfiddle.net/realtimeframework/xdo4daju/

感谢您提供有关我出错的方向。