How to read serie names from data table for the legend - highcharts

Question

I have names for each series in dynamic table. How can I read those for the legend? When set it on with enabled flag, only one text "Serie1" is shown.
And I want it to show "Car 1, Car2, Car3 ....."?
I can see the serie name (bar name) when hovering it with mouse, but can't get the same text into legend.
$(function () {
var series = [{name: 'Car 1',data: [[1, 3],[4, 6],[7, 9]]},
{name: 'Car 2',data: [[2, 3],[8, 10],[12, 18]]},
{name: 'Car 3',data: [[5, 9],[1, 2]]}];
var data = [];
for(var i=0;i<series.length;i++) {
for(var j=0;j<series[i].data.length;j++) {
data.push({
x: i,
low: series[i].data[j][0],
high: series[i].data[j][1],
name: series[i].name
});
}
}
$('#container').highcharts({
chart: {
type: 'columnrange',
inverted: true
},
plotOptions: {
columnrange: {
dataLabels: {
enabled: false
}
}
},
legend: {
enabled: true
},
series: [{data: data}]
});
});

Answer 1

You have to create three series, now you set only one series. Also, you need to disable grouping and specify x property for each point, so the points from the same series are in the same row.
var series = [{
name: 'Car 1',
data: [
[0, 1, 3],
[0, 4, 6],
[0, 7, 9]
]
}, {
name: 'Car 2',
data: [
[1, 2, 3],
[1, 8, 10],
[1, 12, 18]
]
}, {
name: 'Car 3',
data: [
[2, 5, 9],
[2, 1, 2]
]
}];
example: https://jsfiddle.net/kbcdkmok/1/

Answer 2

Update:
Your variable series is already defined with series name and data. use that directly Updated fiddle here
You need to add formatter function, as per below code:
tooltip: {
formatter:function(){
return ''+this.point.name+':'+ this.point.low +' - '+ this.point.high ;
}
}
Here is your fiddle updated