D3.js 在c3js图形的列中显示动态数组数据

如何在图形的列中显示数组数据，其中包含任意数量的值

我尝试了以下代码，但它不起作用：

$http.get(getUrl('api/Report/GetDepartmentTargetData') +     "?year="+         $scope.selectYear + "&ideaPerUser=" +      $scope.ideaPerAssociate).then(function (response) {
    $scope.deptChart = c3.generate({
        data: {
            bindto: '#chart',
            x: 'x',
            columns: [
                ['x', response.data.XAxis],
                ['Achievement', response.data.Data]
            ],
            type: 'bar',
        },
        zoom: {
            enabled: true
        },
        axis: {
            x: {
                type: 'categorized',
            }
        },

    });
}, function (errors) {

});

从angular js调用的url的响应，可以是任意长度：

<DepartmentTargetModel>
    <Data>
        <d2p1:string>0%</d2p1:string>
        <d2p1:string>0%</d2p1:string>
        <d2p1:string>100%</d2p1:string>
    </Data>
    <TargetLine>
        <d2p1:string>72%</d2p1:string>
        <d2p1:string>72%</d2p1:string>
        <d2p1:string>72%</d2p1:string>
    </TargetLine>
    <XAxis>
        <d2p1:string>RBEI/BSW2</d2p1:string>
        <d2p1:string>RBVH/ETI1</d2p1:string>
        <d2p1:string>BetP/BPS</d2p1:string>
    </XAxis>
</DepartmentTargetModel>

0%
0%
100%
72%
72%
72%
RBEI/BSW2
RBVH/ETI1
BetP/BPS

我假设response.data.ListOfValues是一个ajax响应。请检查您是否从服务器获取json数组。是的，我已检查，我正在从服务器获取响应。请粘贴该响应，而不是服务器代码。我针对我的问题修改了问题。