{"id":2050,"date":"2026-07-27T03:43:40","date_gmt":"2026-07-27T03:43:40","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/"},"modified":"2026-07-27T03:43:40","modified_gmt":"2026-07-27T03:43:40","slug":"calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/","title":{"rendered":"Kalenderdiagramm: Zeitreihen-W\u00e4rmekarten und t\u00e4gliche Aktivit\u00e4tsverfolgung"},"content":{"rendered":"

Wenn t\u00e4gliche Gewohnheiten, Website-Verkehr, Server-Aktivit\u00e4tsprotokolle oder Verkaufsintensit\u00e4t \u00fcber volle Kalenderjahre verfolgt werden, bietet das Kalenderdiagramm<\/strong> bietet eine effektive, gitterbasierte visuelle Darstellung. Nach Vorbild von Beitragsgrafiken und saisonalen W\u00e4rmekarten ordnen Kalenderdiagramme kontinuierliche quantitative Kennzahlen auf bestimmten Kalendertagen ab und helfen Benutzern, Hochphasen der Aktivit\u00e4t, Wochenendvariationen und mehrmonatige saisonale Muster auf einen Blick zu erkennen.<\/p>\n

Die Funktionsweise von Kalenderdiagrammen<\/h2>\n

In Apache ECharts verwenden Kalenderdiagramme ein spezielles Kalender<\/code>Koordinatensystem in Verbindung mit einem W\u00e4rmekarte<\/code> oder Streudiagramm<\/code>Seriensystem. Anstelle der standardm\u00e4\u00dfigen kartesischen X- und Y-Achsen berechnet ECharts die Positionen von Tagen und Monaten automatisch anhand von Datumszeichenfolgen.<\/p>\n

1. Grundlegende Einrichtung<\/h3>\n

Um eine grundlegende j\u00e4hrliche Kalender-W\u00e4rmekarte zu erstellen, definieren Sie eine Kalender<\/code>Komponente, die einen Bereich angibt (z.\u202fB. '2026'<\/code>), h\u00e4ngen Sie eine visualMap<\/code>an, um die Farbverl\u00e4ufe der Kennzahlen zu steuern, und \u00fcbergeben Sie t\u00e4gliche Datums-Wert-Tupel im Format ['JJJJ-MM-TT', Wert]<\/code>:<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nECharts in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n ECharts<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit ECharts in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
option = {\r\n    title: {\r\n        top: 10,\r\n        left: 'center',\r\n        text: 'T\u00e4gliche Commits (2026)'\r\n    },\r\n    tooltip: {\r\n        formatter: function (params) {\r\n            return params.value[0] + ': ' + params.value[1] + ' Commits';\r\n        }\r\n    },\r\n    visualMap: {\r\n        min: 0,\r\n        max: 100,\r\n        type: 'piecewise',\r\n        orient: 'horizontal',\r\n        left: 'center',\r\n        top: 65,\r\n        inRange: {\r\n            color: ['#ebedf0', '#9be9a8', '#40c463', '#30a14e', '#216e39']\r\n        }\r\n    },\r\n    calendar: {\r\n        top: 120,\r\n        left: 30,\r\n        right: 30,\r\n        cellSize: ['auto', 13],\r\n        range: '2026',\r\n        itemStyle: {\r\n            borderWidth: 0.5,\r\n            borderColor: '#ccc'\r\n        },\r\n        yearLabel: { show: false }\r\n    },\r\n    series: {\r\n        type: 'heatmap',\r\n        coordinateSystem: 'calendar',\r\n        data: [\r\n            ['2026-01-01', 12], ['2026-01-02', 45], ['2026-01-03', 88],\r\n            ['2026-02-14', 95], ['2026-03-20', 30], ['2026-05-10', 65],\r\n            ['2026-07-27', 82], ['2026-10-31', 99], ['2026-12-25', 10]\r\n        ]\r\n    }\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nECharts in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Erweiterte strukturelle Techniken<\/h2>\n
Kalenderdiagramme k\u00f6nnen f\u00fcr vertikale Scrolllayouts angepasst oder mit Streudiagramm-Darstellungen personalisiert werden, um diskrete t\u00e4gliche Kennzahlen darzustellen.<\/p>\n
1. Vertikale Mehrmonats-Kalenderansicht<\/h3>\n
\u00c4ndern Sie orient: 'vertical'<\/code> auf dem Kalender-Component, um Monate vertikal zu stapeln \u2013 ideal f\u00fcr hohe Dashboard-Widgets oder mobile Layouts:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nECharts in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    ECharts<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
option = {\r\n    title: {\r\n        text: 'Aktivit\u00e4tsprotokoll Q1',\r\n        left: 'center'\r\n    },\r\n    tooltip: {},\r\n    visualMap: {\r\n        min: 0,\r\n        max: 500,\r\n        type: 'continuous',\r\n        orient: 'vertical',\r\n        right: 10,\r\n        top: 'center',\r\n        inRange: {\r\n            color: ['#fef0d9', '#fdcc8a', '#fc8d59', '#d7301f']\r\n        }\r\n    },\r\n    calendar: {\r\n        top: 60,\r\n        left: 'center',\r\n        orient: 'vertical',\r\n        range: ['2026-01-01', '2026-03-31'],\r\n        cellSize: [20, 20],\r\n        yearLabel: { show: false },\r\n        dayLabel: {\r\n            firstDay: 1, \/\/ Woche beginnt am Montag\r\n            nameMap: 'en'\r\n        },\r\n        monthLabel: { nameMap: 'en' }\r\n    },\r\n    series: {\r\n        type: 'heatmap',\r\n        coordinateSystem: 'calendar',\r\n        data: [\r\n            ['2026-01-05', 120], ['2026-01-18', 340], ['2026-02-02', 480],\r\n            ['2026-02-20', 210], ['2026-03-15', 410], ['2026-03-28', 190]\r\n        ]\r\n    }\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nECharts in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Feinabstimmung von Layout und Stil<\/h2>\n
Die Kombination von Kalender-Koordinatensystemen mit Streuungsreihen erm\u00f6glicht es Ihnen, die Punktgr\u00f6\u00dfen basierend auf der Intensit\u00e4t statt nur anhand von Farbfl\u00e4chen zu skalieren.<\/p>\n
1. Streuungs-Bubble-Kalender<\/h3>\n
Verwenden von type: 'scatter'<\/code> auf einem Kalender<\/code>Koordinatensystem erstellt interaktive Blasen-\u00e4hnliche t\u00e4gliche Indikatoren:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nECharts in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    ECharts<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
option = {\r\n    title: {\r\n        text: 'T\u00e4gliche Bestellmenge',\r\n        left: 'center'\r\n    },\r\n    tooltip: {\r\n        formatter: function (params) {\r\n            return params.value[0] + ': ' + params.value[1] + ' Bestellungen';\r\n        }\r\n    },\r\n    calendar: {\r\n        top: 80,\r\n        left: 40,\r\n        right: 40,\r\n        range: '2026-05',\r\n        cellSize: ['auto', 25],\r\n        itemStyle: {\r\n            color: '#f8fafc',\r\n            borderWidth: 1,\r\n            borderColor: '#e2e8f0'\r\n        }\r\n    },\r\n    series: {\r\n        type: 'scatter',\r\n        coordinateSystem: 'calendar',\r\n        symbolSize: function (val) {\r\n            return val[1] \/ 10; \/\/ Skaliert die Blasengr\u00f6\u00dfe entsprechend der Bestellanzahl\r\n        },\r\n        itemStyle: {\r\n            color: '#3b82f6',\r\n            opacity: 0.8\r\n        },\r\n        data: [\r\n            ['2026-05-01', 120], ['2026-05-05', 240], ['2026-05-12', 180],\r\n            ['2026-05-18', 310], ['2026-05-22', 90], ['2026-05-28', 270]\r\n        ]\r\n    }\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nECharts in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Strategische Best Practices<\/h2>\n
    \n
  • Datumsformate an ISO-Standard anpassen:<\/strong> Stellen Sie sicher, dass die Daten in Ihrem Series-Array im Standardformat 'YYYY-MM-DD'<\/code> als Zeichenfolgenformat verwendet werden, damit das Kalender-Raster die Datens\u00e4tze genau abbildet.<\/li>\n
  • Konfigurieren Sie firstDay<\/code> f\u00fcr regionale Konsistenz:<\/strong> Verwenden Sie dayLabel.firstDay<\/code> (auf 0<\/code> f\u00fcr Sonntag oder 1<\/code> f\u00fcr Montag) um die lokalen Kalenderkonventionen Ihrer Zielgruppe zu ber\u00fccksichtigen.<\/li>\n
  • Paarweise Stufenvisualisierung f\u00fcr Beitr\u00e4ge:<\/strong> Beim Rendern von GitHub-artigen Commit-Graphen verwenden Sie eine stufenweise<\/code> Visualisierungstyp mit diskreten Farbstopps anstelle kontinuierlicher Verl\u00e4ufe, um klarere kategorische visuelle Schritte zu erzielen.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Wenn t\u00e4gliche Gewohnheiten, Website-Verkehr, Server-Aktivit\u00e4tsprotokolle oder Verkaufsintensit\u00e4t \u00fcber volle Kalenderjahre verfolgt werden, bietet das Kalenderdiagramm bietet eine effektive, gitterbasierte visuelle Darstellung. Nach Vorbild von Beitragsgrafiken und saisonalen W\u00e4rmekarten ordnen Kalenderdiagramme kontinuierliche quantitative Kennzahlen auf bestimmten Kalendertagen ab und helfen Benutzern,…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":26,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2050","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nECharts Calendar Heatmap | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Plot year-view daily activity heatmaps using ECharts calendar charts in VPasCode, a free text to diagram tool.\" \/>\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.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Calendar Heatmap | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Plot year-view daily activity heatmaps using ECharts calendar charts in VPasCode, a free text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66d42a1f090.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/\",\"name\":\"ECharts Calendar Heatmap | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66d42a1f090.png\",\"datePublished\":\"2026-07-27T03:43:40+00:00\",\"description\":\"Plot year-view daily activity heatmaps using ECharts calendar charts in VPasCode, a free text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66d42a1f090.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66d42a1f090.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Kalenderdiagramm: Zeitreihen-W\u00e4rmekarten und t\u00e4gliche Aktivit\u00e4tsverfolgung\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Calendar Heatmap | VPasCode Text to Diagram Guide","description":"Plot year-view daily activity heatmaps using ECharts calendar charts in VPasCode, a free text to diagram tool.","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.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/","og_locale":"de_DE","og_type":"article","og_title":"ECharts Calendar Heatmap | VPasCode Text to Diagram Guide","og_description":"Plot year-view daily activity heatmaps using ECharts calendar charts in VPasCode, a free text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66d42a1f090.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/","name":"ECharts Calendar Heatmap | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66d42a1f090.png","datePublished":"2026-07-27T03:43:40+00:00","description":"Plot year-view daily activity heatmaps using ECharts calendar charts in VPasCode, a free text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66d42a1f090.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66d42a1f090.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/calendar-chart-time-series-heatmaps-and-daily-activity-tracking-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/de\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Kalenderdiagramm: Zeitreihen-W\u00e4rmekarten und t\u00e4gliche Aktivit\u00e4tsverfolgung"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/de\/#website","url":"https:\/\/www.vpascode.com\/de\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/de\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs\/2050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=2050"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}