如何在JavaScript视图中为柱形图添加点击事件

2020-09-05 00:54发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


你好博客作者,

我可以尝试在JavaScript视图的柱形图中添加Click事件....我可能遇到一些错误问题...我该如何解决此问题...请支持我..这里我描述了我的编码。 ...

 onSelectZone:function(evt){
 var that = this;
 that.zone = evt.getParameters()。data ['0']。data [" Zzone"];

 var State = that.TestOmodel
 +" KPISet?$ filter = FsYear eq'" + that.oFsYear
 +"'和MonthFrom eq'" + that.oMonthKey
 +"'和MonthTo等于'" + that.oMonthTo
 +"'和Usrid eq''和Division eq'"
 + that.oSelectDiv +"'和Loc eq'"
 + that.RadioLocation +"'和Prd eq'"
 + that.RadioProduction
 +"'和MatGrp eq''和Zone eq'"
 + that.zone
 +"'和状态eq''和Soffc eq''";
 数据
 。读(
 州,
 功能(oResponse){
 var oModel = new sap.ui.model.json.JSONModel(
 oResponse);
 that.oView.setModel(oModel,
 " StateModel");
 that.getView()。byId(" State")
 .setEnabled(true);
 that.getView()。byId(" GoZzone")
 .setVisible(true);
 that.getView()。byId(" BackButt")
 .setVisible(false);
 如果(that.Pop ===未定义){
 that.Pop =新的sap.viz.ui5.controls.Popover(
 " idPop1");
 that.oViz =新的sap.viz.ui5.controls.VizFrame(
 " idFrame1");
 var oDataset = new sap.viz.ui5.data.FlattenedDataset(
 {

 尺寸:[{
 名称:"区域",
 值:" {StateModel>区域}"
 }],
 措施:[
 {
 名称:"成就",
 值:" {StateModel>成就}"
 },
 {
 名称:"目标",
 值:" {StateModel> Target}"
 }],
 数据:{
 路径:" StateModel>/结果",
 }

 });
 var feedValueAxis = new sap.viz.ui5.controls.common.feeds.FeedItem(
 {
 'uid':" primaryValues",
 'type':"度量",
 'values':["成就"]
 }),feedValueAxis1 = new sap.viz.ui5.controls.common.feeds.FeedItem(
 {
 'uid':" primaryValues",
 'type':"度量",
 'values':["目标"]
 }),feedCategoryAxis = new sap.viz.ui5.controls.common.feeds.FeedItem(
 {
 'uid':" axisLabels",
 'type':"维度",
 'values':[" Area"],
 });
 that.oViz.setDataset(oDataset);
 that.oViz.setModel(oModel);
 如果(sap.ui.Device.system.desktop){
 那.oViz
 .setVizProperties({
 互动:{
 behaviorType:null,
 uiConfig:" {applicationSet:'fiori'}",
 高度:" 100%",
 宽度:" 100%",
 选择性:{
 模式:"无"
 }
 }
 });
 }
 那.oViz
 .setVizProperties({
 标题:{
 可见:错误,
 文字:[" {localModel> Zzone}"]
 },
 valueAxis:{
 标签 : {
 formatString:null,
 可见:真
 },
 标题:{
 可见:真
 }
 },
 一般 : {
 背景 : {
 drawingEffect:'正常',
 颜色:"#ffffff"
 }
 },
 工具提示:{
 可见:错误
 },
 图例:{
 可见:错误
 }
 });
 that.oViz.removeAllFeeds();
 那.oViz
 .addFeed(feedValueAxis);
 那.oViz
 .addFeed(feedValueAxis1);
 那.oViz
 .addFeed(feedCategoryAxis);
 that.oViz.setVizType(" column");
 that.oViz.setWidth(" 1440px");
 that.oViz.setHeight(" 564px");
 that.Pop.connect(that.oViz
 .getVizUid());
 that.getView()。byId(
 " idVizFrame")
 .setVisible(false);
 that.getView()。byId(
 " settingsPanel")
 .addContent(that.oViz);

 }其他{
 那.oViz
 .getModel(" StateModel")
 .updateBindings();
 that.getView()。byId(
 " idVizFrame")
 .setVisible(false);
 that.oViz.setVisible(true);
 }
 console.log(oModel);
 },函数(错误){
 });
 },

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


你好博客作者,

我可以尝试在JavaScript视图的柱形图中添加Click事件....我可能遇到一些错误问题...我该如何解决此问题...请支持我..这里我描述了我的编码。 ...

 onSelectZone:function(evt){
 var that = this;
 that.zone = evt.getParameters()。data ['0']。data [" Zzone"];

 var State = that.TestOmodel
 +" KPISet?$ filter = FsYear eq'" + that.oFsYear
 +"'和MonthFrom eq'" + that.oMonthKey
 +"'和MonthTo等于'" + that.oMonthTo
 +"'和Usrid eq''和Division eq'"
 + that.oSelectDiv +"'和Loc eq'"
 + that.RadioLocation +"'和Prd eq'"
 + that.RadioProduction
 +"'和MatGrp eq''和Zone eq'"
 + that.zone
 +"'和状态eq''和Soffc eq''";
 数据
 。读(
 州,
 功能(oResponse){
 var oModel = new sap.ui.model.json.JSONModel(
 oResponse);
 that.oView.setModel(oModel,
 " StateModel");
 that.getView()。byId(" State")
 .setEnabled(true);
 that.getView()。byId(" GoZzone")
 .setVisible(true);
 that.getView()。byId(" BackButt")
 .setVisible(false);
 如果(that.Pop ===未定义){
 that.Pop =新的sap.viz.ui5.controls.Popover(
 " idPop1");
 that.oViz =新的sap.viz.ui5.controls.VizFrame(
 " idFrame1");
 var oDataset = new sap.viz.ui5.data.FlattenedDataset(
 {

 尺寸:[{
 名称:"区域",
 值:" {StateModel>区域}"
 }],
 措施:[
 {
 名称:"成就",
 值:" {StateModel>成就}"
 },
 {
 名称:"目标",
 值:" {StateModel> Target}"
 }],
 数据:{
 路径:" StateModel>/结果",
 }

 });
 var feedValueAxis = new sap.viz.ui5.controls.common.feeds.FeedItem(
 {
 'uid':" primaryValues",
 'type':"度量",
 'values':["成就"]
 }),feedValueAxis1 = new sap.viz.ui5.controls.common.feeds.FeedItem(
 {
 'uid':" primaryValues",
 'type':"度量",
 'values':["目标"]
 }),feedCategoryAxis = new sap.viz.ui5.controls.common.feeds.FeedItem(
 {
 'uid':" axisLabels",
 'type':"维度",
 'values':[" Area"],
 });
 that.oViz.setDataset(oDataset);
 that.oViz.setModel(oModel);
 如果(sap.ui.Device.system.desktop){
 那.oViz
 .setVizProperties({
 互动:{
 behaviorType:null,
 uiConfig:" {applicationSet:'fiori'}",
 高度:" 100%",
 宽度:" 100%",
 选择性:{
 模式:"无"
 }
 }
 });
 }
 那.oViz
 .setVizProperties({
 标题:{
 可见:错误,
 文字:[" {localModel> Zzone}"]
 },
 valueAxis:{
 标签 : {
 formatString:null,
 可见:真
 },
 标题:{
 可见:真
 }
 },
 一般 : {
 背景 : {
 drawingEffect:'正常',
 颜色:"#ffffff"
 }
 },
 工具提示:{
 可见:错误
 },
 图例:{
 可见:错误
 }
 });
 that.oViz.removeAllFeeds();
 那.oViz
 .addFeed(feedValueAxis);
 那.oViz
 .addFeed(feedValueAxis1);
 那.oViz
 .addFeed(feedCategoryAxis);
 that.oViz.setVizType(" column");
 that.oViz.setWidth(" 1440px");
 that.oViz.setHeight(" 564px");
 that.Pop.connect(that.oViz
 .getVizUid());
 that.getView()。byId(
 " idVizFrame")
 .setVisible(false);
 that.getView()。byId(
 " settingsPanel")
 .addContent(that.oViz);

 }其他{
 那.oViz
 .getModel(" StateModel")
 .updateBindings();
 that.getView()。byId(
 " idVizFrame")
 .setVisible(false);
 that.oViz.setVisible(true);
 }
 console.log(oModel);
 },函数(错误){
 });
 },
付费偷看设置
发送
2条回答
1楼-- · 2020-09-05 01:44

不幸的是vizFrame没有特别暴露click事件。

黑丝骑士
2楼-- · 2020-09-05 01:45

我解决了在xml视图中制作viz框架的问题...感谢 建议.....

一周热门 更多>