Javascript SAPUI5将图表导出为xlsx文件
我有一个简单的图表和一个按钮。为了创建所需的图表,我使用了Javascript SAPUI5将图表导出为xlsx文件,javascript,excel,sapui5,export-to-excel,Javascript,Excel,Sapui5,Export To Excel,我有一个简单的图表和一个按钮。为了创建所需的图表,我使用了sap.viz.ui5.controls.VizFrame组件 这个按钮的想法是,当用户点击它时,图表必须导出为xlsx文件。 我看到可以将sapui5图表导出为图像,但我的客户要求将其导出为xlsx文件 因此,我正在客户端寻找外部库或任何其他想法或解决方案,可用于将此图表导出为xlsx文件 视图: sap.ui.jsview("app.views.chart", { getControllerName: function() {
sap.viz.ui5.controls.VizFrame
组件
这个按钮的想法是,当用户点击它时,图表必须导出为xlsx文件。
我看到可以将sapui5图表导出为图像,但我的客户要求将其导出为xlsx文件
因此,我正在客户端寻找外部库或任何其他想法或解决方案,可用于将此图表导出为xlsx文件
视图:
sap.ui.jsview("app.views.chart", {
getControllerName: function() {
return "app.controllers.chart";
},
createContent: function(oController) {
var oModel = new sap.ui.model.json.JSONModel("app/model/chart.data.json");
oController.getView().setModel(oModel);
return new sap.m.App({
pages: [
new sap.m.Page({
title: "My fourth page",
content: [
new sap.m.Switch({
name: "Switch label",
state: true,
change: oController.onChange
}),
new sap.viz.ui5.controls.VizFrame("cars-chart-id", {
width: "100%",
height: "100%",
uiConfig: {
applicationSet: "fiori"
},
vizType: "bar",
vizProperties: {
plotArea: {
colorPalette: d3.scale.category20().range(),
dataLabel: {
visible: true
}
}
},
dataset: new sap.viz.ui5.data.FlattenedDataset({
dimensions: [{
axis: 1,
name: "Model",
value: "{Model}"
}],
measures: [{
name: "Nr Cars",
value: "{Value}"
}]
}).bindData("/", null, null, []),
feeds: [
new sap.viz.ui5.controls.common.feeds.FeedItem({
'uid': "categoryAxis",
'type': "Dimension",
'values': ["Model"]
}),
new sap.viz.ui5.controls.common.feeds.FeedItem({
'uid': "valueAxis",
'type': "Measure",
'values': ["Nr Cars"]
})
]
})
]
})
]
});
}
});
在具有导出功能的SAPUI5表中,可以使用相同的功能。您可以创建具有相同图形模型的虚拟表并导出到excel。是的,我可以这样做,但我还需要图表在excel中可见,而不仅仅是表格格式的图表模型数据。其目的是在Excel中查看与网页上相同或类似的图表。