【问题标题】:Remove bank holidays from X Axis by amchart通过 amchart 从 X Axis 中删除银行假期
【发布时间】:2017-08-17 05:06:47
【问题描述】:

我有这样的日期数据,没有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");

我使用这个chartData作为dataProvider来制作图表。

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 看起来也是徒劳的。

我怎样才能删除这个???

【问题讨论】:

    标签: javascript amcharts amstock


    【解决方案1】:

    您必须在股票图表的categoryAxesSettings 属性中设置equalSpacing 才能使其工作。

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

    Demo

    【讨论】:

    • 非常感谢,我需要Amcharts.CategoryAxesSettings
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多