{"id":5101,"date":"2021-03-03T12:54:02","date_gmt":"2021-03-03T11:54:02","guid":{"rendered":"https:\/\/www.corpismaps.com\/?p=5101"},"modified":"2021-06-10T13:07:18","modified_gmt":"2021-06-10T11:07:18","slug":"creating-a-graph-in-the-map-info-panel","status":"publish","type":"post","link":"https:\/\/www.corpismaps.com\/en\/creating-a-graph-in-the-map-info-panel\/","title":{"rendered":"Creating a graph in the map info panel"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22.3&#8243; custom_padding=&#8221;0px|||||&#8221;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; inline_fonts=&#8221;Georgia&#8221;]<\/p>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\n<p><span style=\"font-size: medium; text-align: justify;\">The graph of the development of the selected <strong>metric<\/strong> (for example sales) for certain time periods can be easily added to the info panel, which will be displayed after clicking on the selected customer.<\/span><\/p>\n<\/div>\n<div class=\"ffb-id-2rkc95gm fg-col col-xs-12 col-md-12 fg-text-dark\">\n<div class=\"ffb-id-2rjkhkbf fg-col col-xs-12 col-md-12 fg-text-dark\">\n<p class=\"ffb-id-2rjkhkbh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\">\n<p class=\"ffb-id-2rjkhkbh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\"><span style=\"font-size: medium; color: #222222;\"><strong><br \/>1. Data preparation<\/strong><\/span><\/p>\n<p><span style=\"font-size: medium; text-align: left;\">To create a graph, it is necessary to have in the source data the values \u200b\u200bof the given metric for the selected time period, for example <strong>quarterly<\/strong>.<\/span><\/p>\n<p class=\"ffb-id-2rjkhkbh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\">\n<\/div>\n<\/div>\n<div class=\"ffb-id-2quv3agk fg-col col-xs-12 col-md-9 fg-text-dark\">\n<p class=\"ffb-id-2quv3agl fg-paragraph text-left text-md-left fg-text-dark\">\n<\/div>\n<div class=\"ffb-id-2quv5kmg fg-col col-xs-12 col-md-12 fg-text-dark\">\n<p class=\"ffb-id-2quv5kmh fg-paragraph text-left text-md-left fg-text-dark\">\n<\/div>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/data.png&#8221; _builder_version=&#8221;4.9.0&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||10px||false|false&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.0.9&#8243; inline_fonts=&#8221;Georgia&#8221;]<\/p>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<p><strong style=\"font-size: medium; text-align: justify;\"><br \/>2. Map configuration<\/strong><\/p>\n<p><span style=\"font-size: medium; text-align: justify;\">In the map configuration, create a new entry in the <strong>\u201cData &#8211; Metadata\u201d<\/strong> section. In this metadata, in the <strong>&#8220;Computed&#8221;<\/strong> option, select the <strong>&#8220;toSeries&#8221;<\/strong> method and add any number of fields (according to the field name in the data) that the graph will consist of. Rename the individual time sections of the graph as desired, eg from <strong>&#8220;quartersales1&#8221; to &#8220;Q1&#8221;<\/strong>, etc. Then confirm the changes with the <strong>&#8220;Refresh Map to See Changes&#8221;<\/strong> button and the graph will be created.<br \/><\/span><span style=\"font-size: 14px;\">\u00a0<\/span><\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;3.26.4&#8243;][\/et_pb_code][et_pb_button url_new_window=&#8221;on&#8221; button_alignment=&#8221;center&#8221; disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Button&#8221; module_class=&#8221;et_pb_button_82:hover&#8221; _builder_version=&#8221;3.26.4&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#17c1a4&#8243; button_border_width=&#8221;1px&#8221; button_border_color=&#8221;#17c1a4&#8243; button_border_radius=&#8221;32px&#8221; button_font=&#8221;Montserrat||||||||&#8221; button_use_icon=&#8221;off&#8221; button_rel=&#8221;off|off|off|off|off&#8221; background_layout=&#8221;dark&#8221; hover_transition_delay=&#8221;50ms&#8221; hover_transition_speed_curve=&#8221;ease-in-out&#8221; custom_css_before=&#8221;background-color: #17c1a4!important;&#8221; custom_css_main_element=&#8221;background-color: #17c1a4!important;&#8221; disabled=&#8221;on&#8221; button_text_color__hover_enabled=&#8221;on&#8221;][\/et_pb_button][et_pb_image src=&#8221;https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/ezgif.com-gif-maker-14.gif&#8221; _builder_version=&#8221;4.9.0&#8243; custom_padding=&#8221;||10px||false|false&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.0.9&#8243; inline_fonts=&#8221;Georgia&#8221;]<\/p>\n<div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<p><span style=\"font-size: medium; text-align: justify;\"><br \/>You can then create a scroll bar on the map from the created field for the graph. You can find out what a slider is for and how to easily add it to the map in the article <\/span><a style=\"font-size: medium; text-align: justify;\" href=\"https:\/\/www.corpismaps.com\/en\/slider-on-the-map\/\"><strong>\u201eSlider on the map\u201c<\/strong><\/a><span style=\"font-size: medium; text-align: justify;\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.0&#8243;]<\/p>\n<div class=\"ffb-id-2rkchap3 fg-col col-xs-12 col-md-12 fg-text-dark\">\n<p><span style=\"font-size: 14px;\">\u00a0<\/span><b style=\"font-size: large;\"><\/b><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"ffb-id-2quv5cec fg-col col-xs-12 col-md-12 fg-text-dark\">\n<hr \/>\n<\/div>\n<p><span style=\"font-size: medium;\">\u00a0<\/span><\/p>\n<div class=\"ffb-id-2rqpid2q fg-col col-xs-12 col-md-12 fg-text-dark\"><\/div>\n<div class=\"ffb-id-2quv5kmg fg-col col-xs-12 col-md-12 fg-text-dark\">\n<p class=\"ffb-id-2quv5kmh fg-paragraph text-left text-md-left fg-text-dark\"><span style=\"font-size: large;\"><strong>Are you interested in management maps Corpis Maps?<\/strong><\/span><\/p>\n<p class=\"ffb-id-2quv5kmh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\"><span style=\"font-size: medium;\">Contact us and try Corpis Maps for free.<\/span><\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;3.25&#8243;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_button button_url=&#8221;\/contact\/?blog-manual&#8221; button_text=&#8221;Contact us&#8221; button_alignment=&#8221;left&#8221; module_class=&#8221;et_pb_button_82:hover&#8221; _builder_version=&#8221;4.9.1&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#17c1a4&#8243; button_border_width=&#8221;0px&#8221; button_border_color=&#8221;#17c1a4&#8243; button_border_radius=&#8221;32px&#8221; button_font=&#8221;Montserrat||||||||&#8221; button_use_icon=&#8221;off&#8221; button_rel=&#8221;off|off|off|off|off&#8221; hover_transition_delay=&#8221;50ms&#8221; hover_transition_speed_curve=&#8221;ease-in-out&#8221; custom_css_before=&#8221;background-color: #17c1a4!important;&#8221; custom_css_main_element=&#8221;background-color: #17c1a4!important;&#8221; button_text_color__hover_enabled=&#8221;on&#8221; custom_css_main_element__hover_enabled=&#8221;on&#8221; custom_css_main_element__hover=&#8221;box-shadow: 0 3px 12px rgba(0,0,0,.5)!important;||background-color: #1d8987!important;&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The graph of the development of the selected metric (for example sales) for certain time periods can be easily added to the info panel, which will be displayed after clicking on the selected customer. 1. Data preparation To create a graph, it is necessary to have in the source data the values \u200b\u200bof the given [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":4592,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<p>[et_pb_section fb_built=\"1\" admin_label=\"section\" _builder_version=\"3.22.3\" custom_padding=\"0px|||||\"][et_pb_row admin_label=\"row\" _builder_version=\"3.25\" background_size=\"initial\" background_position=\"top_left\" background_repeat=\"repeat\"][et_pb_column type=\"4_4\" _builder_version=\"3.25\" custom_padding=\"|||\" custom_padding__hover=\"|||\"][et_pb_text _builder_version=\"3.27.4\" inline_fonts=\"Georgia\"]<\/p><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\"><p>\u00a0<\/p><\/div><div class=\"ffb-id-2rkc95gm fg-col col-xs-12 col-md-12 fg-text-dark\"><div class=\"ffb-id-2rjkhkbf fg-col col-xs-12 col-md-12 fg-text-dark\"><p class=\"ffb-id-2rjkhkbh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\"><span style=\"font-size: medium;\">Graf v\u00fdvoje vybran\u00e9 <strong>metriky<\/strong> (nap\u0159. prodej\u016f) za ur\u010dit\u00e1 \u010dasov\u00e1 obdob\u00ed lze jednodu\u0161e p\u0159idat do infopanelu, kter\u00fd se zobraz\u00ed po kliknut\u00ed na vybran\u00e9ho z\u00e1kazn\u00edka.<\/span><\/p><p class=\"ffb-id-2rjkhkbh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\">\u00a0<\/p><p class=\"ffb-id-2rjkhkbh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\"><span style=\"font-size: medium; color: #222222;\"><strong>1. P\u0159\u00edprava dat<br \/><\/strong><\/span><\/p><p>\u00a0<\/p><p><span style=\"font-size: medium; text-align: left;\">Pro vytvo\u0159en\u00ed grafu je pot\u0159eba m\u00edt ve zdrojov\u00fdch datech hodnoty dan\u00e9 metriky za vybran\u00e9 \u010dasov\u00e9 obdob\u00ed, nap\u0159. <strong>kvart\u00e1ln\u011b<\/strong>.<\/span><\/p><p class=\"ffb-id-2rjkhkbh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\">\u00a0<\/p><\/div><\/div><div class=\"ffb-id-2quv3agk fg-col col-xs-12 col-md-9 fg-text-dark\"><p class=\"ffb-id-2quv3agl fg-paragraph text-left text-md-left fg-text-dark\">\u00a0<\/p><\/div><div class=\"ffb-id-2quv5kmg fg-col col-xs-12 col-md-12 fg-text-dark\"><p class=\"ffb-id-2quv5kmh fg-paragraph text-left text-md-left fg-text-dark\">\u00a0<\/p><\/div><p>[\/et_pb_text][et_pb_image src=\"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/data.png\" _builder_version=\"4.9.0\" custom_margin=\"||||false|false\" custom_padding=\"||10px||false|false\"][\/et_pb_image][et_pb_text _builder_version=\"4.0.9\" inline_fonts=\"Georgia\"]<\/p><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><p><strong style=\"font-size: medium; text-align: justify;\"><br \/>2. Konfigurace mapy<\/strong><\/p><p>\u00a0<\/p><p><span style=\"font-size: medium; text-align: justify;\">V konfiguraci mapy vytvo\u0159te novou polo\u017eku v sekci <strong>\u201cData \u2013 Metadata\u201d<\/strong>. V t\u011bchto metadatech v mo\u017enosti <strong>\u201eComputed\u201c<\/strong> zvolte metodu <strong>\u201etoSeries\u201c<\/strong> a p\u0159idejte libovoln\u00fd po\u010det pol\u00ed (podle n\u00e1zvu pole v datech), ze kter\u00fdch se graf bude skl\u00e1dat. Jednotliv\u00e9 \u010dasov\u00e9 \u00faseky grafu si libovoln\u011b p\u0159ejmenujte, nap\u0159. z<strong> \u201equartersales1\u201c na \u201eQ1\u201c<\/strong> apod. N\u00e1sledn\u011b zm\u011bny potvr\u010fte tla\u010d\u00edtkem <strong>\u201eRefresh Map to See Changes\u201c<\/strong> a graf se vytvo\u0159\u00ed.<br \/><\/span><span style=\"font-size: 14px;\">\u00a0<\/span><\/p><p>[\/et_pb_text][et_pb_code _builder_version=\"3.26.4\"][\/et_pb_code][et_pb_button url_new_window=\"on\" button_alignment=\"center\" disabled_on=\"on|on|on\" admin_label=\"Button\" module_class=\"et_pb_button_82:hover\" _builder_version=\"3.26.4\" custom_button=\"on\" button_text_size=\"14px\" button_text_color=\"#ffffff\" button_bg_color=\"#17c1a4\" button_border_width=\"1px\" button_border_color=\"#17c1a4\" button_border_radius=\"32px\" button_font=\"Montserrat||||||||\" button_use_icon=\"off\" button_rel=\"off|off|off|off|off\" background_layout=\"dark\" hover_transition_delay=\"50ms\" hover_transition_speed_curve=\"ease-in-out\" custom_css_before=\"background-color: #17c1a4!important;\" custom_css_main_element=\"background-color: #17c1a4!important;\" disabled=\"on\" button_text_color__hover_enabled=\"on\"][\/et_pb_button][et_pb_image src=\"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/ezgif.com-gif-maker-14.gif\" _builder_version=\"4.9.0\" custom_padding=\"||10px||false|false\"][\/et_pb_image][et_pb_text _builder_version=\"4.0.9\" inline_fonts=\"Georgia\"]<\/p><div class=\"ffb-id-2quv1qv6 fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><p><span style=\"font-size: medium; text-align: justify;\"><br \/>Z vytvo\u0159en\u00e9ho pole pro graf lze n\u00e1sledn\u011b vytvo\u0159it i posuvn\u00edk v map\u011b. K \u010demu posuvn\u00edk slou\u017e\u00ed a jak ho jednodu\u0161e p\u0159idat do mapy najdete v \u010dl\u00e1nku <\/span><a style=\"font-size: medium; text-align: justify;\" href=\"\/?p=2033\"><strong>\u201ePosuvn\u00edk v map\u011b (slider)\u201c<\/strong><\/a><span style=\"font-size: medium; text-align: justify;\">.<\/span><\/p><p>\u00a0<\/p><p>[\/et_pb_text][et_pb_text _builder_version=\"4.9.0\" hover_enabled=\"0\" sticky_enabled=\"0\"]<\/p><div class=\"ffb-id-2rkchap3 fg-col col-xs-12 col-md-12 fg-text-dark\"><p><span style=\"font-size: 14px;\">\u00a0<\/span><b style=\"font-size: large;\"><\/b><\/p><p>\u00a0<\/p><\/div><div class=\"ffb-id-2quv5cec fg-col col-xs-12 col-md-12 fg-text-dark\"><hr \/><\/div><p><span style=\"font-size: medium;\">\u00a0<\/span><\/p><div class=\"ffb-id-2rqpid2q fg-col col-xs-12 col-md-12 fg-text-dark\">\u00a0<\/div><div class=\"ffb-id-2quv5kmg fg-col col-xs-12 col-md-12 fg-text-dark\"><p class=\"ffb-id-2quv5kmh fg-paragraph text-left text-md-left fg-text-dark\"><span style=\"font-size: large;\"><strong>Zaujaly v\u00e1s mana\u017eersk\u00e9 mapy Corpis Maps?<\/strong><\/span><\/p><p class=\"ffb-id-2quv5kmh fg-paragraph text-left text-md-left fg-text-dark\" style=\"text-align: justify;\"><span style=\"font-size: medium;\">Kontaktujte n\u00e1s a vyzkou\u0161ejte si Corpis Maps zdarma.<\/span><\/p><\/div><p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\"1_2,1_2\" _builder_version=\"3.25\"][et_pb_column type=\"1_2\" _builder_version=\"3.25\" custom_padding=\"|||\" custom_padding__hover=\"|||\"][et_pb_button button_url=\"\/cs\/kontakt\/?blog-manual\" button_text=\"Kontaktujte n\u00e1s\" button_alignment=\"left\" module_class=\"et_pb_button_82:hover\" _builder_version=\"3.26.7\" custom_button=\"on\" button_text_size=\"14px\" button_text_color=\"#ffffff\" button_bg_color=\"#17c1a4\" button_border_width=\"0px\" button_border_color=\"#17c1a4\" button_border_radius=\"32px\" button_font=\"Montserrat||||||||\" button_use_icon=\"off\" button_rel=\"off|off|off|off|off\" hover_transition_delay=\"50ms\" hover_transition_speed_curve=\"ease-in-out\" custom_css_before=\"background-color: #17c1a4!important;\" custom_css_main_element=\"background-color: #17c1a4!important;\" button_text_color__hover_enabled=\"on\" custom_css_main_element__hover_enabled=\"on\" custom_css_main_element__hover=\"box-shadow: 0 3px 12px rgba(0,0,0,.5)!important;||background-color: #1d8987!important;\"][\/et_pb_button][\/et_pb_column][et_pb_column type=\"1_2\" _builder_version=\"3.25\" custom_padding=\"|||\" custom_padding__hover=\"|||\"][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","_et_gb_content_width":"","footnotes":""},"categories":[13],"tags":[],"class_list":["post-5101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-manuals-product-features"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creating a graph in the map info panel - Corpis Maps<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a graph in the map info panel - Corpis Maps\" \/>\n<meta property=\"og:description\" content=\"The graph of the development of the selected metric (for example sales) for certain time periods can be easily added to the info panel, which will be displayed after clicking on the selected customer. 1. Data preparation To create a graph, it is necessary to have in the source data the values \u200b\u200bof the given [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/\" \/>\n<meta property=\"og:site_name\" content=\"Corpis Maps\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-03T11:54:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-10T11:07:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/uvodni-fotka.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1032\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dominik Reichl\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dominik Reichl\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/\"},\"author\":{\"name\":\"Dominik Reichl\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#\\\/schema\\\/person\\\/74e9f9a538771229affcc062fb5e7356\"},\"headline\":\"Creating a graph in the map info panel\",\"datePublished\":\"2021-03-03T11:54:02+00:00\",\"dateModified\":\"2021-06-10T11:07:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/\"},\"wordCount\":624,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.corpismaps.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/uvodni-fotka.png\",\"articleSection\":[\"Manuals, Product Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/\",\"url\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/\",\"name\":\"Creating a graph in the map info panel - Corpis Maps\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.corpismaps.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/uvodni-fotka.png\",\"datePublished\":\"2021-03-03T11:54:02+00:00\",\"dateModified\":\"2021-06-10T11:07:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.corpismaps.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/uvodni-fotka.png\",\"contentUrl\":\"https:\\\/\\\/www.corpismaps.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/uvodni-fotka.png\",\"width\":1920,\"height\":1032},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/creating-a-graph-in-the-map-info-panel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Dom\u016f\",\"item\":\"https:\\\/\\\/www.corpismaps.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a graph in the map info panel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#website\",\"url\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/\",\"name\":\"Corpis Maps\",\"description\":\"Unique Configurable Analytic Maps\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#organization\",\"name\":\"Corpis Maps\",\"url\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.corpismaps.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/mapa-obr.jpg\",\"contentUrl\":\"https:\\\/\\\/www.corpismaps.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/mapa-obr.jpg\",\"width\":700,\"height\":500,\"caption\":\"Corpis Maps\"},\"image\":{\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/10549521\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.corpismaps.com\\\/cs\\\/#\\\/schema\\\/person\\\/74e9f9a538771229affcc062fb5e7356\",\"name\":\"Dominik Reichl\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7eaf282444f7ba120cfcd41ba25db64b4cfb69a9c353e8b79ed8fbb6fe044962?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7eaf282444f7ba120cfcd41ba25db64b4cfb69a9c353e8b79ed8fbb6fe044962?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7eaf282444f7ba120cfcd41ba25db64b4cfb69a9c353e8b79ed8fbb6fe044962?s=96&d=mm&r=g\",\"caption\":\"Dominik Reichl\"},\"sameAs\":[\"https:\\\/\\\/www.corpismaps.com\\\/\"],\"url\":\"https:\\\/\\\/www.corpismaps.com\\\/en\\\/author\\\/dore\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a graph in the map info panel - Corpis Maps","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/","og_locale":"en_US","og_type":"article","og_title":"Creating a graph in the map info panel - Corpis Maps","og_description":"The graph of the development of the selected metric (for example sales) for certain time periods can be easily added to the info panel, which will be displayed after clicking on the selected customer. 1. Data preparation To create a graph, it is necessary to have in the source data the values \u200b\u200bof the given [&hellip;]","og_url":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/","og_site_name":"Corpis Maps","article_published_time":"2021-03-03T11:54:02+00:00","article_modified_time":"2021-06-10T11:07:18+00:00","og_image":[{"width":1920,"height":1032,"url":"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/uvodni-fotka.png","type":"image\/png"}],"author":"Dominik Reichl","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dominik Reichl","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#article","isPartOf":{"@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/"},"author":{"name":"Dominik Reichl","@id":"https:\/\/www.corpismaps.com\/cs\/#\/schema\/person\/74e9f9a538771229affcc062fb5e7356"},"headline":"Creating a graph in the map info panel","datePublished":"2021-03-03T11:54:02+00:00","dateModified":"2021-06-10T11:07:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/"},"wordCount":624,"commentCount":0,"publisher":{"@id":"https:\/\/www.corpismaps.com\/cs\/#organization"},"image":{"@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/uvodni-fotka.png","articleSection":["Manuals, Product Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/","url":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/","name":"Creating a graph in the map info panel - Corpis Maps","isPartOf":{"@id":"https:\/\/www.corpismaps.com\/cs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#primaryimage"},"image":{"@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/uvodni-fotka.png","datePublished":"2021-03-03T11:54:02+00:00","dateModified":"2021-06-10T11:07:18+00:00","breadcrumb":{"@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#primaryimage","url":"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/uvodni-fotka.png","contentUrl":"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2021\/02\/uvodni-fotka.png","width":1920,"height":1032},{"@type":"BreadcrumbList","@id":"https:\/\/www.corpismaps.com\/creating-a-graph-in-the-map-info-panel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Dom\u016f","item":"https:\/\/www.corpismaps.com\/en\/"},{"@type":"ListItem","position":2,"name":"Creating a graph in the map info panel"}]},{"@type":"WebSite","@id":"https:\/\/www.corpismaps.com\/cs\/#website","url":"https:\/\/www.corpismaps.com\/cs\/","name":"Corpis Maps","description":"Unique Configurable Analytic Maps","publisher":{"@id":"https:\/\/www.corpismaps.com\/cs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.corpismaps.com\/cs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.corpismaps.com\/cs\/#organization","name":"Corpis Maps","url":"https:\/\/www.corpismaps.com\/cs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corpismaps.com\/cs\/#\/schema\/logo\/image\/","url":"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2019\/02\/mapa-obr.jpg","contentUrl":"https:\/\/www.corpismaps.com\/wp-content\/uploads\/2019\/02\/mapa-obr.jpg","width":700,"height":500,"caption":"Corpis Maps"},"image":{"@id":"https:\/\/www.corpismaps.com\/cs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/10549521\/"]},{"@type":"Person","@id":"https:\/\/www.corpismaps.com\/cs\/#\/schema\/person\/74e9f9a538771229affcc062fb5e7356","name":"Dominik Reichl","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/7eaf282444f7ba120cfcd41ba25db64b4cfb69a9c353e8b79ed8fbb6fe044962?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7eaf282444f7ba120cfcd41ba25db64b4cfb69a9c353e8b79ed8fbb6fe044962?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eaf282444f7ba120cfcd41ba25db64b4cfb69a9c353e8b79ed8fbb6fe044962?s=96&d=mm&r=g","caption":"Dominik Reichl"},"sameAs":["https:\/\/www.corpismaps.com\/"],"url":"https:\/\/www.corpismaps.com\/en\/author\/dore\/"}]}},"_links":{"self":[{"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/posts\/5101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/comments?post=5101"}],"version-history":[{"count":6,"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/posts\/5101\/revisions"}],"predecessor-version":[{"id":5129,"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/posts\/5101\/revisions\/5129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/media\/4592"}],"wp:attachment":[{"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/media?parent=5101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/categories?post=5101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.corpismaps.com\/en\/wp-json\/wp\/v2\/tags?post=5101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}