为什么导出工作的日期格式不正确?

时间:2016-03-16 16:13:07

标签: javascript angularjs highcharts

我尝试将图表导出到Excel文件,但无论我把它放在哪里,我都无法使用dateFormat个选项。

我将此角度模块用于高级图表:highcharts-ng

这样做是分开一些选项来观察它们(你可以阅读他解释的模块的常见问题解答),正常的highcharts选项会进入options对象,因为我已经完成了:< / p>

handler.chartConfig = {
  options: {
    chart: {
      type: handler.getTypeFromId(graph.type)
    },
    plotOptions: {
      pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
          enabled: false
        },
        showInLegend: true
      },
      line: {
        dataLabels: {
          enabled: false // TODO: MAKE THIS A TOGGLE FUNCTION
        },
        enableMouseTracking: true,
        tooltip: {
          headerFormat: '<b>{point.key:%Y-%m-%d}</b><br/>'
        }
      },
      area: {
        tooltip: {
          headerFormat: '<b>{point.key:%Y-%m-%d}</b><br/>'
        }
      },
      areaspline: {
        tooltip: {
          headerFormat: '<b>{point.key:%Y-%m-%d}</b><br/>'
        }
      },
      column: {
        tooltip: {
          headerFormat: '<b>{point.key:%Y-%m-%d}</b><br/>'
        }
      }
    },
    exporting: {
      buttons: {
        contextButton: {
          enabled: false
        }
      },
      /* THIS IS THE THING THAT DOESN'T WORK */
      csv: {
        dateFormat: '%Y-%m-%d'
      }
    }
  },
  title: {
    text: graph.name
  },
  xAxis: {
    categories: null,
    labels: {
      format: '{value:%Y-%m-%d}'
    }
  },
  yAxis: {
    title: {
      text: 'Interactions'
    }
  },
  series: null,
  credits: {
    enabled: false
  }
}

然而,当我进行导出时,这不起作用,为什么这是我不知道的......现在已经玩了一段时间但是我每次都做得很短。

我使用的自定义按钮如下所示:

<a class="eo-xls" download="exported-graph.xls" type="text/csv">Export to XLS</a>

当我点击它时会运行(目前必须点击两次,但稍后会修复):

eo.exportXLS = function() {

  var graph = $('.exportable').highcharts(),
      data = new Blob([graph.getTable()]);

  $('.eo-xls').attr('href', URL.createObjectURL(data));        
}

为什么dateFormat选项不在这里工作?

0 个答案:

没有答案