如何修改此工作Javascript以允许使用更简单的XML文件？

Question

我有一些Javascript从XML文件中提取一些值来绘制图形。代码工作正常，但XML文件有很多不必要的数据。这是当前（过于详细的）XML文件内容：

<chart>
    <miles>
        <name>Car</name>
        <data>
            <distance>24</distance>
        </data>
        <name>Bike</name>
        <data>
            <distance>532</distance>
        </data>
    </miles>
</chart>

我想将XML文件简化为以下内容，但我不确定从下面的javascript中读取这个简化的XML文件：

<miles>
    <car>24</car>
    <bike>532</bike>
</miles>

这是我的javascript，它读取XML文件并使用Highcharts对数据进行图形化。我该如何简化这个？

$(document).ready(function() {
        var options = {
            chart: {
                renderTo: 'container',
                type: 'bar'
            },
            title: {
                text: null
            },
            },
            series: []
        };

        // Load the data from the XML file 
        $.get('data.xml', function(xml) {

            // Split the lines
            var $xml = $(xml);

            // push series
            $xml.find('miles').each(function(i, series) {
                var seriesOptions = {
                    name: $(series).find('name').text(),
                    data: []
                };

                // push data points
                $(series).find('data distance').each(function(i, point) {
                    seriesOptions.data.push(
                        parseInt($(point).text())
                    );
                });

                // add it to the options
                options.series.push(seriesOptions);
            });
            var chart = new Highcharts.Chart(options);
        });
    });