{"id":17341,"date":"2017-03-07T08:00:31","date_gmt":"2017-03-07T07:00:31","guid":{"rendered":"http:\/\/192.168.20.3\/?p=17341"},"modified":"2024-12-12T15:44:21","modified_gmt":"2024-12-12T14:44:21","slug":"sap-design-studio-crosstab-y-chart","status":"publish","type":"post","link":"https:\/\/orekait.com\/es\/sap-design-studio-crosstab-y-chart\/","title":{"rendered":"SAP Design Studio:
Crosstab y chart<\/span>"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.25.2″ global_colors_info=”{}”][et_pb_row admin_label=”Imagen principal” _builder_version=”4.25.2″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image alt=”cloud-public” title_text=”Reclamacio\u0301n-de-facturas-vencidas-en-SAP-FI-1″ admin_label=”Imagen principal” module_class=”post-img” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Cuerpo” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text content_last_edited=”off|desktop” admin_label=”Texto” _builder_version=”4.25.2″ header_2_font_size=”24px” header_3_font_size=”20px” header_4_font_size=”17px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”%22671%22″ height=”%22251%22″ global_colors_info=”{}” content__hover_enabled=”off|hover”]<\/p>\n

\n
\n

En este articulo sobre\u00a0SAP Design Studio<\/strong>, hablamos del Crosstab y chart, componentes fundamentales de esta aplicaci\u00f3n.<\/p>\n

Tras leer los art\u00edculos \u201cSAP design Studio: Cuadros de mando<\/a>\u201d y \u201cSAP design Studio: Arquitectura<\/a>\u201d entendemos que la forma de explotaci\u00f3n de la informaci\u00f3n en SAP Design Studio se basa en creaci\u00f3n de\u00a0Datasources<\/strong>\u00a0(que podr\u00edan definirse como \u201clas vistas de queries a usar en Design Studio\u201d). Si \u00e9sta es la fuente, \u00bfQu\u00e9 opciones tenemos de cara a mostrar esa informaci\u00f3n en nuestra aplicaci\u00f3n?<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Design Studio ofrece una gran variedad de componentes. En este primer art\u00edculo vamos a describir las formas m\u00e1s b\u00e1sicas, y, por ello, m\u00e1s importantes, de representar la informaci\u00f3n: tablas y gr\u00e1ficos, conocidas como\u00a0Crosstab y chart<\/strong>.<\/p>\n

Antes de ir present\u00e1ndolos es importante saber\u00a0c\u00f3mo se asigna un Datasource a un Crosstab<\/strong>, o cualquier otro componente que lo permita. La forma de hacerlo es seleccionando \u00e9ste en las opciones de Data Binding del componente.<\/p>\n

\"\"<\/p>\n

Al buscar por\u00a0Datasources<\/strong>\u00a0es importante resaltar que lo que nos van a aparecer ser\u00e1n los alias de los que hayamos definido anteriormente.<\/p>\n

Todos los componentes tienen unas\u00a0opciones b\u00e1sicas de configuraci\u00f3n<\/strong>\u00a0y otros, como los gr\u00e1ficos, tienen una ventana de propiedades adicionales.<\/p>\n

La gran mayor\u00eda, tienen ciertos eventos en los que se puede programar c\u00f3digo en\u00a0lenguaje BIAL<\/strong>, el cual est\u00e1 basado en Javascript (por ejemplo, al pulsar sobre una l\u00ednea de una tabla puede hacer que se desencadenen ciertos eventos, como podr\u00eda ser el filtrado de ciertos elementos en un gr\u00e1fico).<\/p>\n

Crosstab<\/strong><\/h2>\n

\"\"<\/a><\/p>\n

Componente b\u00e1sico que muestra los datos de un\u00a0Datasource en una tabla<\/strong>. La estructura de la tabla ser\u00e1 tal cual la hayamos definido en la vista inicial.<\/p>\n

Chart<\/strong><\/h2>\n

\"\"<\/p>\n

Elemento a trav\u00e9s del cual los datos de un Datasource son convertidos en un gr\u00e1fico. Hay\u00a0m\u00faltiples opciones de tipo de gr\u00e1fico<\/strong>, que van desde los de l\u00edneas, columnas, dual stacked, de calor, etc.<\/p>\n

En la versi\u00f3n 1.6 de Design Studio aparece un nuevo tipo de componente para poder mostrar gr\u00e1ficos: el\u00a0Infochart<\/strong>. La diferencia de \u00e9ste m\u00e1s evidente respecto al Chart es que tiene otra \u201cvista inicial\u201d parecida a la de los Datasources, en la cual se pueden realizar ciertas parametrizaciones. Profundizaremos en las\u00a0diferencias del Chart Vs Infochart<\/strong>\u00a0en otro art\u00edculo.<\/p>\n

Estos dos componentes son los que consideramos como \u201cb\u00e1sicos\u201d. Debido a que puede programarse c\u00f3digo en eventos (onSelect: qu\u00e9 pasa al seleccionar elementos en la tabla o el gr\u00e1fico), con solo utilizar ambos ya puede crearse un flujo de navegaci\u00f3n rudimentario en un\u00a0Cuadro de Mando<\/strong>.<\/p>\n

Seguiremos hablando de componentes importantes de la aplicaci\u00f3n\u00a0SAP Design Studio<\/strong>\u00a0en pr\u00f3ximos art\u00edculos.<\/p>\n<\/div>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”M\u00e1s informaci\u00f3n” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

M\u00e1s informaci\u00f3n:<\/p>\n

[\/et_pb_text][et_pb_button button_url=”https:\/\/orekait.com\/es\/area-analitica-negocio” button_text=”M\u00e1s informaci\u00f3n” module_class=”entrada-btn” _builder_version=”4.25.2″ _module_preset=”default” custom_button=”on” button_text_color=”#8156EA” button_bg_color=”RGBA(255,255,255,0)” button_border_color=”#8156EA” button_border_radius=”30px” button_font=”Plus Jakarta Sans|600|||||||” button_icon=”$||divi||400″ button_icon_color=”#8156EA” button_on_hover=”off” hover_enabled=”0″ global_colors_info=”{}” button_text_color__hover_enabled=”on|desktop” button_text_color__hover=”#8156EA” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#8156EA” button_bg_enable_color__hover=”on” button_icon_color__hover_enabled=”on|hover” button_icon_color__hover=”#ffffff” url_new_window=”on” sticky_enabled=”0″][\/et_pb_button][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” custom_margin=”||40px||false|false” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” admin_label=”Noticias relacionadas titulo” module_id=”fondo-articulos” _builder_version=”4.25.2″ _module_preset=”default” background_color=”#f7f7f7″ width=”100%” collapsed=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” custom_margin=”||40px||false|false” global_colors_info=”{}”][\/et_pb_divider][et_pb_heading title=”Quizas te pueda interesar” _builder_version=”4.25.2″ _module_preset=”default” title_level=”h2″ title_text_align=”center” global_colors_info=”{}”][\/et_pb_heading][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” custom_margin=”||30px||false|false” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Noticias relacionadas” _builder_version=”4.25.2″ _module_preset=”default” width=”100%” custom_margin=”-150px||||false|false” custom_margin_tablet=”0px||||false|false” custom_margin_phone=”0px||||false|false” custom_margin_last_edited=”on|desktop” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blog fullwidth=”off” posts_number=”3″ include_categories=”current” show_author=”off” show_date=”off” show_pagination=”off” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

En este articulo sobre\u00a0SAP Design Studio, hablamos del Crosstab y chart, componentes fundamentales de esta aplicaci\u00f3n. Tras leer los art\u00edculos \u201cSAP design Studio: Cuadros de mando\u201d y \u201cSAP design Studio: Arquitectura\u201d entendemos que la forma de explotaci\u00f3n de la informaci\u00f3n en SAP Design Studio se basa en creaci\u00f3n de\u00a0Datasources\u00a0(que podr\u00edan definirse como \u201clas vistas de […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Lorem ipsum dolor sit amet consectetur adipiscing elit congue montes, imperdiet taciti erat elementum fermentum sem ante ultrices ridiculus, sagittis sociis egestas quisque ac semper quis odio. Aenean hendrerit ac metus dis nascetur aliquet mollis integer, rutrum vel laoreet posuere proin sagittis luctus est, tempus duis nisl ultrices parturient tempor praesent. Dignissim curabitur nascetur pellentesque augue fringilla pulvinar eros, tempus fames vehicula maecenas cubilia id, rutrum euismod integer ut scelerisque mus.\r\n\r\nVivamus auctor odio aenean rhoncus natoque dictum purus, volutpat pellentesque laoreet ridiculus consequat nisi varius euismod, augue platea convallis curae magnis taciti. Imperdiet nibh curabitur quisque orci consequat aenean pellentesque, cubilia duis senectus felis sed posuere tortor, magnis enim diam a odio sociis. Enim tellus nisl nec molestie augue luctus tempor habitant, nunc dictumst phasellus volutpat sem facilisis taciti, habitasse laoreet at turpis vel fermentum vulputate.","_et_gb_content_width":"","footnotes":""},"categories":[43],"tags":[],"class_list":["post-17341","post","type-post","status-publish","format-standard","hentry","category-analytics"],"_links":{"self":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/17341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/comments?post=17341"}],"version-history":[{"count":5,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/17341\/revisions"}],"predecessor-version":[{"id":22469,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/17341\/revisions\/22469"}],"wp:attachment":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media?parent=17341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/categories?post=17341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/tags?post=17341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}