x軸から銀行休業日を削除する

Question

このような日付のデータは、銀行休業日であるため、2017/07/17,2017/07/16、2017/07/15 などのデータはありません。

chartData = new Array(); 
     chartData[0] = new Array(); 
     chartData[0].closePrice = 1207;  
     chartData[0].date = new Date("2017/07/12"); 
     chartData[1] = new Array(); 
     chartData[1].closePrice = 1227;  
     chartData[1].date = new Date("2017/07/13"); 
     chartData[2] = new Array(); 
     chartData[2].closePrice = 1216;  
     chartData[2].date = new Date("2017/07/14"); 
     chartData[3] = new Array(); 
     chartData[3].closePrice = 1234;  
     chartData[3].date = new Date("2017/07/18"); 

グラフを作成するdataProviderとしてこのchartDataを使用します。

var dataSet = new AmCharts.DataSet(); 
dataSet.dataProvider = chartData; 
dataSet.categoryField = "date"; 

chart.dataSets = [dataSet]; 


var stockPanel = new AmCharts.StockPanel(); 
stockPanel.title = "Stock Main"; 
stockPanel.id = "stockPanel"; 
stockPanel.showCategoryAxis = false; 
stockPanel.recalculateToPercents = "never"; 

var valueAxis = new AmCharts.ValueAxis(); 
valueAxis.dashLength = 5; 
stockPanel.addValueAxis(valueAxis); 
stockPanel.categoryAxis.dashLength = 5; 
stockPanel.categoryAxis.equalSpacing = true; // it doesn't work .... 

var graph = new AmCharts.StockGraph(); 
graph.type = "line"; 
graph.valueField = "closePrice"; 
stockPanel.addStockGraph(graph); 

しかしながら2017/07/15、2017/07/162017/07/16はX軸上に描かれ、偶数データはありません。

でも.equalSpacingは無駄です。

どうすれば削除できますか？

Answer 1

株価チャートのcategoryAxesSettingsプロパティにequalSpacingを設定する必要があります。

//object-based setup 
chart.categoryAxesSettings = new AmCharts.CategoryAxesSettings(); 
chart.categoryAxesSettings.equalSpacing = true; 
//makeChart version 
AmCharts.makeChart("chartdiv", { 
    // ... 
    "categoryAxesSettings": { 
    "equalSpacing": true 
    }, 
    // ... 
}); 

Demo