dxChart中「參數字段」的排序標準是什麼？

我正在syde-by-syde欄中工作，當我完成時我看到我的'參數字段'的順序是錯誤的，我按正確的順序發送，但圖表顯示無序。dxChart中「參數字段」的排序標準是什麼？

我還沒有發現有關如何對此字段進行排序的文檔。如果有人知道修復它的技巧，我將非常感激。

這是我的圖表，它的DataSource：

var dataSource = [ 
    { state: "01-Aug-2017", Juan_Sebastián: 7,María_Alejandra: 3,José_Tomás: 8,}, 
    { state: "02-Aug-2017",Juan_Sebastián: 1,María_Alejandra: 2, }, 
    { state: "03-Aug-2017",María_Alejandra: 3,Juan_Sebastián: 2,José_Tomás: 4,}, 
    { state: "04-Aug-2017",José_Tomás: 2,Juan_Sebastián: 4,},                         
    { state: "08-Aug-2017",José_Tomás: 1, }, 
    { state: "09-Aug-2017",María_Alejandra: 1,José_Tomás: 2,},                                    
    { state: "10-Aug-2017",Juan_Sebastián: 1,},                             
    { state: "14-Aug-2017",José_Tomás: 1,María_Alejandra: 2,},                            
    { state: "15-Aug-2017",Juan_Sebastián: 1,},                             
    { state: "16-Aug-2017",Juan_Sebastián: 1,José_Tomás: 2, },                          
    { state: "17-Aug-2017",María_Alejandra: 1,},                             
]; 

$("#bar-2").dxChart({ 
    equalBarWidth: false, 
    dataSource: dataSource, 
    commonSeriesSettings: { 
    argumentField: "state", 
    type: "bar" 
}, 
    series: [ 
{ valueField: "Juan_Sebastián", name: "Juan Sebastián"}, 
{ valueField: "María_Alejandra", name: "María Alejandra"}, 
{ valueField: "José_Tomás", name: "José Tomás"}, 

], 
legend: { 
    verticalAlignment: "bottom", 
    horizontalAlignment: "center"}, 
title: "Cantidad de casos por abogado" 
            }); 
           });

，這是它的外觀：

我真的不知道爲什麼會改變原來的數據源的順序。非常感謝！

來源

2017-09-11 Paula Andrea

當我在jsFiddle和代碼片段中運行上面的圖表和數據源代碼時，一切都看起來正確。

https://jsfiddle.net/jmarking/089j1hrs/

var dataSource = [{ 
 
    state: "01-Aug-2017", 
 
    Juan_Sebastián: 7, 
 
    María_Alejandra: 3, 
 
    José_Tomás: 8, 
 
    }, 
 
    { 
 
    state: "02-Aug-2017", 
 
    Juan_Sebastián: 1, 
 
    María_Alejandra: 2, 
 
    }, 
 
    { 
 
    state: "03-Aug-2017", 
 
    María_Alejandra: 3, 
 
    Juan_Sebastián: 2, 
 
    José_Tomás: 4, 
 
    }, 
 
    { 
 
    state: "04-Aug-2017", 
 
    José_Tomás: 2, 
 
    Juan_Sebastián: 4, 
 
    }, 
 
    { 
 
    state: "08-Aug-2017", 
 
    José_Tomás: 1, 
 
    }, 
 
    { 
 
    state: "09-Aug-2017", 
 
    María_Alejandra: 1, 
 
    José_Tomás: 2, 
 
    }, 
 
    { 
 
    state: "10-Aug-2017", 
 
    Juan_Sebastián: 1, 
 
    }, 
 
    { 
 
    state: "14-Aug-2017", 
 
    José_Tomás: 1, 
 
    María_Alejandra: 2, 
 
    }, 
 
    { 
 
    state: "15-Aug-2017", 
 
    Juan_Sebastián: 1, 
 
    }, 
 
    { 
 
    state: "16-Aug-2017", 
 
    Juan_Sebastián: 1, 
 
    José_Tomás: 2, 
 
    }, 
 
    { 
 
    state: "17-Aug-2017", 
 
    María_Alejandra: 1, 
 
    }, 
 
]; 
 

 
$("#bar-2").dxChart({ 
 
    equalBarWidth: false, 
 
    dataSource: dataSource, 
 
    commonSeriesSettings: { 
 
    argumentField: "state", 
 
    type: "bar" 
 
    }, 
 
    series: [{ 
 
     valueField: "Juan_Sebastián", 
 
     name: "Juan Sebastián" 
 
    }, 
 
    { 
 
     valueField: "María_Alejandra", 
 
     name: "María Alejandra" 
 
    }, 
 
    { 
 
     valueField: "José_Tomás", 
 
     name: "José Tomás" 
 
    }, 
 

 
    ], 
 
    legend: { 
 
    verticalAlignment: "bottom", 
 
    horizontalAlignment: "center" 
 
    }, 
 
    title: "Cantidad de casos por abogado" 
 
});

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.1.0.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/17.1.6/css/dx.common.css" /> 
 
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/17.1.6/css/dx.light.css" /> 
 
<script type="text/javascript" src="https://cdn3.devexpress.com/jslib/17.1.6/js/dx.all.js"></script> 
 
<div id="bar-2"></div>

來源

2017-09-11 22:16:22

這是非常令人費解，我仍然無法理解爲什麼我的圖表看起來不好，可以在我的圖書館中的錯誤？ –

如果沒有看到整個項目，很難說。如果您在本地複製了他們的腳本，則可以像使用CDN服務那樣嘗試，以確保在複製過程中沒有錯誤，或在本地意外更改其文件之一。我會檢查你的腳本的順序 - 也許你有一個依賴被調用後;這可能會顯示在控制檯日誌中。說到控制檯，你是否遇到任何控制檯錯誤？你也可以檢查其他庫之間的衝突問題 - 例如，如果你也使用D3.js，它們可能不會很好地一起玩。 –

您可能還想仔細檢查庫的版本。上面你會看到我在使用jQuery 3.1和dx版本17.1.6。如果您使用的是不同版本，則需要檢查它們之間的兼容性。 –

dxChart中「參數字段」的排序標準是什麼？

回答

相關問題