{"id":2054,"date":"2026-07-27T02:44:14","date_gmt":"2026-07-27T02:44:14","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/"},"modified":"2026-07-27T02:44:14","modified_gmt":"2026-07-27T02:44:14","slug":"gauge-chart-single-metric-status-and-threshold-tracking-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/","title":{"rendered":"Messskala: Status- und Schwellenwertverfolgung f\u00fcr einzelne Kennzahlen"},"content":{"rendered":"<p>Wenn einzelne KPIs gegen\u00fcber kritischen Zielen oder operativen Sicherheitsschwellen \u00fcberwacht werden, bietet die <strong>Messskala<\/strong> (oder Drehzahlmesser) liefert eine sofort erkennbare, deutliche visuelle Anzeige. Durch die Abbildung eines einzelnen Werts entlang eines kreisf\u00f6rmigen Bogens mit einer Nadel und farbcodierten Statuszonen erm\u00f6glichen Messskalen es Benutzern, <em>die aktuelle Leistung gegen\u00fcber Warnschwellen und Zielgrenzen zu bewerten<\/em>\u2014zum Beispiel Server-CPU-Auslastung, Projektabschlussprozents\u00e4tze, Kreditwerte oder Fahrzeuggeschwindigkeiten.<\/p>\n<h2>Die Funktionsweise von Messskalen<\/h2>\n<p>In Apache ECharts verwenden Messskalen <code>type: 'gauge'<\/code>. Im Gegensatz zu mehrkategorischen Diagrammen zeigt eine Messskala typischerweise einen einzelnen Wert oder eine kleine Anzahl von Zeigern entlang eines radialen Bogens. Die Achsenskala wird mithilfe der Eigenschaften <code>min<\/code> und <code>max<\/code> definiert, w\u00e4hrend <code>axisLine.lineStyle.color<\/code> den Umfangsbogen in deutlich abgegrenzte Warnbereiche (z.\u202fB. gr\u00fcn, gelb, rot) unterteilt.<\/p>\n<h3>1. Grundlegende Einrichtung<\/h3>\n<p>Um eine grundlegende Messskala zu erstellen, legen Sie <code>min<\/code>, <code>max<\/code>, und geben Sie einen einzelnen Wert in Ihrem Series-<code>data<\/code>Array an:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1ULsOwjAM3JH6D15Qlw5sSEEMiIWBAQkxIQYDpo3UNlXigqoq\/0764JFCb4nsO5+dUwVLlcMS6mACDqxUyrIQr7rBTekMmUkLCGu0EEzqswUnudhp2Mls1L2GtCQj4PiZ\/jJqkGNGzmdfGaYMNoQpJ2Hka7gqGk2MZUxDrtAq1mSMGBq36xP1EMC6JJ+zA5MrMcr0r8Ud05JWuXQ\/dsF0ZtGvzMuknXlnMboUGb1kRhLyLhEwn0X\/+T7J9e4AW4XX8Fdl\/dbpU\/aM69jFE8tzbN8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>ECharts in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1UMsKwjAQvAv+w16klwrehIgH8QcE8SQeVrvWQJuUZKNoyb+btr5SdS5hd2ZnN6MrllrBHOrhAAJY64JlJZ51g6M2JTKTEZDU6GE4qPceguTgR0kn82n3WjKSrIDte\/rDqIHCkoLP+mqZypuzjCpL0ljD16rR5Ohy6nOV0bkha0XfuF1\/0hcBbBzFnO+ZZMQoi58WZywcLZQMPw7BdGbptyzKpJ15ZfF3KTJGyfxJKLpEwHSS\/uYfSS5Xm\/HC2QItO5Un31oft3bv8sGEjp\/dAa+gcCY=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        formatter: '{a} \r\n{b} : {c}%'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Systemzustand',\r\n            type: 'gauge',\r\n            progress: {\r\n                show: true\r\n            },\r\n            detail: {\r\n                valueAnimation: true,\r\n                formatter: '{value}%'\r\n            },\r\n            data: [\r\n                {\r\n                    value: 70,\r\n                    name: 'CPU-Auslastung'\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1UMsKwjAQvAv+w16klwrehIgH8QcE8SQeVrvWQJuUZKNoyb+btr5SdS5hd2ZnN6MrllrBHOrhAAJY64JlJZ51g6M2JTKTEZDU6GE4qPceguTgR0kn82n3WjKSrIDte\/rDqIHCkoLP+mqZypuzjCpL0ljD16rR5Ohy6nOV0bkha0XfuF1\/0hcBbBzFnO+ZZMQoi58WZywcLZQMPw7BdGbptyzKpJ15ZfF3KTJGyfxJKLpEwHSS\/uYfSS5Xm\/HC2QItO5Un31oft3bv8sGEjp\/dAa+gcCY=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1ULsOwjAM3JH6D15Qlw5sSEEMiIWBAQkxIQYDpo3UNlXigqoq\/0764JFCb4nsO5+dUwVLlcMS6mACDqxUyrIQr7rBTekMmUkLCGu0EEzqswUnudhp2Mls1L2GtCQj4PiZ\/jJqkGNGzmdfGaYMNoQpJ2Hka7gqGk2MZUxDrtAq1mSMGBq36xP1EMC6JJ+zA5MrMcr0r8Ud05JWuXQ\/dsF0ZtGvzMuknXlnMboUGb1kRhLyLhEwn0X\/+T7J9e4AW4XX8Fdl\/dbpU\/aM69jFE8tzbN8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>ECharts in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"RVfTfux\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-1379\" decoding=\"async\" fetchpriority=\"high\" height=\"999\" sizes=\"(max-width: 1162px) 100vw, 1162px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae.png 1162w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae-300x258.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae-1024x880.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae-768x660.png 768w\" width=\"1162\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Fortgeschrittene strukturelle Techniken<\/h2>\n<p>Messskalen k\u00f6nnen mit mehrfarbigen Achsenb\u00e4ndern, benutzerdefinierten F\u00fcllungen f\u00fcr den Fortschritt oder mehreren Nadeln gestaltet werden, um tats\u00e4chliche Werte mit Zielwerten auf einer einzigen Skala zu vergleichen.<\/p>\n<h3>1. Farbkodierte Schwellenb\u00e4nder und benutzerdefinierte Zeiger<\/h3>\n<p>Definieren Sie explizite Farbstopps entlang der kreisf\u00f6rmigen Achse mit Hilfe von<code>axisLine.lineStyle.color<\/code>um Warnzonen zu markieren (z.\u202fB. Sicher, Warnung, Kritisch):<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqtVE1Pg0AQvZv4HzZpzF7QUmipwXjw5KWJifXW9LDCAJvCLoFBrQ3\/3d1KU4sLtY1zYuft483XjsyRS0HuyebygigroeBQ+mTxfdS22X9qw3UOPqExq2Kg1iHGPng540LhLZK2VAFzXKdmVNs7DzHxiWNbZjyQqSwOYmvbwr5xLUIH3jRwXEaXFhkOyWMBIEiVE5TEta962VPNBo85btCwnwomYmjo0176SJOjiRd4iqw9iv4MYcMd2V3k5W93feiqWxXJJRcIhbGSHCHrr3NTR8oqlPRkbd3kFx6sjL8PeYlMBEr72tjGFESse3xrnTMgu8AHURRRq3+ITs6rzFOOndP718TM4H9mNj6rYzP2CqlRfifNRaIeP5rU98k7EwMcSYFz\/qng0bg\/khCQcXMYbyyt4EHwjOmN5BMsKjBqFerGdvbpZsupySobJqaw25kdiY0hMy6XjpZtxdUkd20rwTK9KOc5QHj8lf3YAQ2iPPXdFx0UGXg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>ECharts in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqtVE1PwkAQvZv4HzYhZi9VSgvF1HjwxIXERLwRDst2205od5t2KyLpP\/PmH3O3QpCyrWKcU5nX1\/fmgxGZBMHRPdpeXiAVBcuBFT6af\/3UsT086pCbjPkIR6SMGLaOMfIKxRS4whskHYkCZnKTmFEdawhk7CPHtsw4FYnIj7w1Y27fuBbCPW9MHZfghYX6fTTJP945WkKBXPuqkzvWXOYRx6U77mNOeMRq8riTPNDUcORRT1F1RpGfhKyZA7uNujhNV8epqtGLTACXLDf2ECRLuzu86yAmpRT4bG093megK+PnAygk4VRpXxsHmDAe6eneWn9Zjb3xXhiG2Open7PrKrIEZOve\/rYwM\/iflQ3\/NLEpWbLEKL+XBh6rv700qR+Kd0YGOBRczuBNwYNht5OASQJmGy8kKdkDh5ToW+QjmZfMqJWrN+rdx9uaU6FV2o9NtpuV\/eCNSGI8Ky0jq8XVJrfdKU5SfSInrKDxGngA0YqdmDBM79s12CEqU919AjacHHE=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    series: [\r\n        {\r\n            type: 'gauge',\r\n            axisLine: {\r\n                lineStyle: {\r\n                    width: 20,\r\n                    color: [\r\n                        [0.3, '#67c23a'], \/\/ Gr\u00fcn bis 30%\r\n                        [0.7, '#e6a23c'], \/\/ Orange bis 70%\r\n                        [1, '#f56c6c']    \/\/ Rot bis 100%\r\n                    ]\r\n                }\r\n            },\r\n            pointer: {\r\n                itemStyle: {\r\n                    color: 'auto'\r\n                }\r\n            },\r\n            axisTick: {\r\n                distance: -20,\r\n                length: 8,\r\n                lineStyle: {\r\n                    color: '#fff',\r\n                    width: 2\r\n                }\r\n            },\r\n            splitLine: {\r\n                distance: -20,\r\n                length: 20,\r\n                lineStyle: {\r\n                    color: '#fff',\r\n                    width: 4\r\n                }\r\n            },\r\n            axisLabel: {\r\n                color: 'inherit',\r\n                distance: 25,\r\n                fontSize: 14\r\n            },\r\n            detail: {\r\n                valueAnimation: true,\r\n                formatter: '{value} km\/h',\r\n                color: 'inherit'\r\n            },\r\n            data: [\r\n                {\r\n                    value: 80,\r\n                    name: 'Geschwindigkeit'\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqtVE1PwkAQvZv4HzYhZi9VSgvF1HjwxIXERLwRDst2205od5t2KyLpP\/PmH3O3QpCyrWKcU5nX1\/fmgxGZBMHRPdpeXiAVBcuBFT6af\/3UsT086pCbjPkIR6SMGLaOMfIKxRS4whskHYkCZnKTmFEdawhk7CPHtsw4FYnIj7w1Y27fuBbCPW9MHZfghYX6fTTJP945WkKBXPuqkzvWXOYRx6U77mNOeMRq8riTPNDUcORRT1F1RpGfhKyZA7uNujhNV8epqtGLTACXLDf2ECRLuzu86yAmpRT4bG093megK+PnAygk4VRpXxsHmDAe6eneWn9Zjb3xXhiG2Open7PrKrIEZOve\/rYwM\/iflQ3\/NLEpWbLEKL+XBh6rv700qR+Kd0YGOBRczuBNwYNht5OASQJmGy8kKdkDh5ToW+QjmZfMqJWrN+rdx9uaU6FV2o9NtpuV\/eCNSGI8Ky0jq8XVJrfdKU5SfSInrKDxGngA0YqdmDBM79s12CEqU919AjacHHE=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqtVE1Pg0AQvZv4HzZpzF7QUmipwXjw5KWJifXW9LDCAJvCLoFBrQ3\/3d1KU4sLtY1zYuft483XjsyRS0HuyebygigroeBQ+mTxfdS22X9qw3UOPqExq2Kg1iHGPng540LhLZK2VAFzXKdmVNs7DzHxiWNbZjyQqSwOYmvbwr5xLUIH3jRwXEaXFhkOyWMBIEiVE5TEta962VPNBo85btCwnwomYmjo0176SJOjiRd4iqw9iv4MYcMd2V3k5W93feiqWxXJJRcIhbGSHCHrr3NTR8oqlPRkbd3kFx6sjL8PeYlMBEr72tjGFESse3xrnTMgu8AHURRRq3+ITs6rzFOOndP718TM4H9mNj6rYzP2CqlRfifNRaIeP5rU98k7EwMcSYFz\/qng0bg\/khCQcXMYbyyt4EHwjOmN5BMsKjBqFerGdvbpZsupySobJqaw25kdiY0hMy6XjpZtxdUkd20rwTK9KOc5QHj8lf3YAQ2iPPXdFx0UGXg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>ECharts in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"OhkLimN\"><img alt=\"\" class=\"alignnone size-full wp-image-1380\" decoding=\"async\" height=\"999\" sizes=\"(max-width: 1162px) 100vw, 1162px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c6462266a.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c6462266a.png 1162w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c6462266a-300x258.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c6462266a-1024x880.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c6462266a-768x660.png 768w\" width=\"1162\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Feinabstimmung von Layout und zentrale Metriken<\/h2>\n<p>Durch die Anwendung moderner abgerundeter Fortschrittsringe und benutzerdefinierter Schriftarten f\u00fcr zentrale Beschriftungen werden herk\u00f6mmliche Messger\u00e4te in schicke Dashboard-Karten verwandelt.<\/p>\n<h3>1. Schicker Ringmesser mit zentraler Beschriftung<\/h3>\n<p>Verstecken Sie traditionelle Zeiger und verwenden Sie einen dicken, abgerundeten Fortschrittsring zusammen mit gro\u00dfem zentriertem Text f\u00fcr ein sauberes, modernes UI-Element:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNVFFv0zAQfkfiP1hCk0EKLG2argriYfSFBwSThgRo2oMbX1KDY0f2ha6r+t+xs6ApUZxwT4nvu\/P33Z1P1yi0Ih\/I6eUL4syCEWAzcvf06+30\/OkNjzVkhJasKYFGfZ9FZvBaldIhFpt44AXFO9\/QUwk1csgeXJZ4eGxrKfBLU+3AZCQdOAVCdYtHf8eAtrdcS+2C6Kt0dRXn6yH7NvuecX3YdkBT7tjrOFokm2iZplH8bpW+CUd9lI3xjIOAr0VhAX9kZDkD+ekgfcR5EFEbXRqwdlSn3etDRtA0MHKP0Y3iW1YHAQfBce\/7N8NAC4W+B0ECBZMWyOUl+SQ42H8BRAFwCaTQhuQSmCJGqJJw4RrLjtN3sgdhPws13t1ZYdJFhodjQnpLZZ7ZN5H\/dql76s9j09tJmAS2UtkO5BwQBQYU6XaWtvDUprs4InQZX9D7kdIUWuGtePTPdhVNPJz1ek2nC8EBmZD\/y+ftIkDoD5MNXCtRMb+fgi11Q+QQbT56amPOF3RSX7IMuL+DKPfo8uy05HSqCEmSzBWBIevt0MAu7anNyNUmGvcrVvmde2P0L8iR3HSPn86O6f3zb+dxJ+f3fwEHqEmi\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>ECharts in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNVE1vnDAQvVfqf7AURW4l0rDLslkR9ZDutWqrpOpXlIMXBnDX2MgeuklW+8966x+rTVaKQBjiE\/i9mXnz4VE1ciXJe7J\/\/YrYY0BzMAm5ffp1Z\/\/86Q4+1JAQWrCmABp0MYNM45UshGXMVmEPBZkdsT5ScTlwye6tl7B\/bWrB8VNTbUAnJO6BHKG6wQcXoyfbnVQJZY3oSby4CNNlX33rvWSZ2q2PRF1s2JswmEWrYB7HQfhuEb\/1W30QjXaKvYTPeW4AfyRkPkH5aSldxqFnUWtVaDBmME9Tql1CUDcwEEerRmZrVnsJO55h6fo3oUBxia4HXgE5EwbI+Tn5BtogpFskGUjyC3gBmuT\/\/moCXAIxrLHNBHLNZcHko4PHQ7N7bj5ay8HYk\/kJa+mfkZEKtFKmlX3l6da67hThMDTExxRGiW2qbANiiogcPRmpdqTW8NSt2zAgdB6e0ruB0uRK4g1\/dK93EYy8n+VySccLkQEyLl6q52zmEfSHiQauJK+YW1PeluZKW0brj+5bm8MpHc0vmnvg73b8SrR+NkpkdKwIURRNFYEh66xSz0rtZJuQi1UwjEtWudX7RavfsEWbNJq01ByRTg7q3fPvEbE3h8v\/fNpOUA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    series: [\r\n        {\r\n            type: 'gauge',\r\n            startAngle: 180,\r\n            endAngle: 0,\r\n            min: 0,\r\n            max: 100,\r\n            splitNumber: 5,\r\n            itemStyle: {\r\n                color: '#5470c6',\r\n                shadowColor: 'rgba(0,138,255,0.45)',\r\n                shadowBlur: 10,\r\n                shadowOffsetX: 2,\r\n                shadowOffsetY: 2\r\n            },\r\n            progress: {\r\n                show: true,\r\n                roundCap: true,\r\n                width: 18\r\n            },\r\n            pointer: {\r\n                show: false \/\/ Versteckt den Zeiger f\u00fcr eine saubere Ringanzeige\r\n            },\r\n            axisLine: {\r\n                roundCap: true,\r\n                lineStyle: {\r\n                    width: 18\r\n                }\r\n            },\r\n            axisTick: { show: false },\r\n            splitLine: { show: false },\r\n            axisLabel: { show: false },\r\n            title: {\r\n                offsetCenter: [0, '20%'],\r\n                fontSize: 14,\r\n                color: '#666'\r\n            },\r\n            detail: {\r\n                offsetCenter: [0, '-10%'],\r\n                valueAnimation: true,\r\n                formatter: '{value}%',\r\n                fontSize: 32,\r\n                fontWeight: 'bold',\r\n                color: '#333'\r\n            },\r\n            data: [\r\n                {\r\n                    value: 78,\r\n                    name: 'Projektfortschritt'\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNVE1vnDAQvVfqf7AURW4l0rDLslkR9ZDutWqrpOpXlIMXBnDX2MgeuklW+8966x+rTVaKQBjiE\/i9mXnz4VE1ciXJe7J\/\/YrYY0BzMAm5ffp1Z\/\/86Q4+1JAQWrCmABp0MYNM45UshGXMVmEPBZkdsT5ScTlwye6tl7B\/bWrB8VNTbUAnJO6BHKG6wQcXoyfbnVQJZY3oSby4CNNlX33rvWSZ2q2PRF1s2JswmEWrYB7HQfhuEb\/1W30QjXaKvYTPeW4AfyRkPkH5aSldxqFnUWtVaDBmME9Tql1CUDcwEEerRmZrVnsJO55h6fo3oUBxia4HXgE5EwbI+Tn5BtogpFskGUjyC3gBmuT\/\/moCXAIxrLHNBHLNZcHko4PHQ7N7bj5ay8HYk\/kJa+mfkZEKtFKmlX3l6da67hThMDTExxRGiW2qbANiiogcPRmpdqTW8NSt2zAgdB6e0ruB0uRK4g1\/dK93EYy8n+VySccLkQEyLl6q52zmEfSHiQauJK+YW1PeluZKW0brj+5bm8MpHc0vmnvg73b8SrR+NkpkdKwIURRNFYEh66xSz0rtZJuQi1UwjEtWudX7RavfsEWbNJq01ByRTg7q3fPvEbE3h8v\/fNpOUA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNVFFv0zAQfkfiP1hCk0EKLG2argriYfSFBwSThgRo2oMbX1KDY0f2ha6r+t+xs6ApUZxwT4nvu\/P33Z1P1yi0Ih\/I6eUL4syCEWAzcvf06+30\/OkNjzVkhJasKYFGfZ9FZvBaldIhFpt44AXFO9\/QUwk1csgeXJZ4eGxrKfBLU+3AZCQdOAVCdYtHf8eAtrdcS+2C6Kt0dRXn6yH7NvuecX3YdkBT7tjrOFokm2iZplH8bpW+CUd9lI3xjIOAr0VhAX9kZDkD+ekgfcR5EFEbXRqwdlSn3etDRtA0MHKP0Y3iW1YHAQfBce\/7N8NAC4W+B0ECBZMWyOUl+SQ42H8BRAFwCaTQhuQSmCJGqJJw4RrLjtN3sgdhPws13t1ZYdJFhodjQnpLZZ7ZN5H\/dql76s9j09tJmAS2UtkO5BwQBQYU6XaWtvDUprs4InQZX9D7kdIUWuGtePTPdhVNPJz1ek2nC8EBmZD\/y+ftIkDoD5MNXCtRMb+fgi11Q+QQbT56amPOF3RSX7IMuL+DKPfo8uy05HSqCEmSzBWBIevt0MAu7anNyNUmGvcrVvmde2P0L8iR3HSPn86O6f3zb+dxJ+f3fwEHqEmi\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>ECharts in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"FclLwhh\"><img alt=\"\" class=\"alignnone size-full wp-image-1381\" decoding=\"async\" height=\"743\" sizes=\"(max-width: 1173px) 100vw, 1173px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c65a00256.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c65a00256.png 1173w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c65a00256-300x190.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c65a00256-1024x649.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c65a00256-768x486.png 768w\" width=\"1173\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Strategische Best Practices<\/h2>\n<ul>\n<li><strong>Halten Sie den Fokus auf das Wesentliche:<\/strong>Messger\u00e4te beanspruchen erheblichen visuellen Raum, um eine einzelne Metrik darzustellen. Verwenden Sie sie ausschlie\u00dflich f\u00fcr zentrale, hochpriorisierte Metriken, die eine sofortige Statusbewertung erfordern.<\/li>\n<li><strong>Verwenden Sie Farben sinnvoll:<\/strong>Richten Sie die Farbb\u00e4nder f\u00fcr Schwellenwerte nach universellen Standards aus (z.\u202fB. Gr\u00fcn f\u00fcr sicher, Orange\/Gelb f\u00fcr Vorsicht, Rot f\u00fcr Gefahr), damit Benutzer den Status beurteilen k\u00f6nnen, ohne genaue Zahlen ablesen zu m\u00fcssen.<\/li>\n<li><strong>Ber\u00fccksichtigen Sie zeigerlose Ringlayouts:<\/strong>F\u00fcr digitale Dashboards und mobile Bildschirme wirken zeigerlose Bogen-Fortschrittsmesser oft sauberer und beanspruchen weniger vertikalen Platz als herk\u00f6mmliche Nadelmesser.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Wenn einzelne KPIs gegen\u00fcber kritischen Zielen oder operativen Sicherheitsschwellen \u00fcberwacht werden, bietet die Messskala (oder Drehzahlmesser) liefert eine sofort erkennbare, deutliche visuelle Anzeige. Durch die Abbildung eines einzelnen Werts entlang eines kreisf\u00f6rmigen Bogens mit einer Nadel und farbcodierten Statuszonen erm\u00f6glichen&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":22,"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-2054","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ECharts Gauge Chart Guide | VPasCode Text to Diagram Tool<\/title>\n<meta name=\"description\" content=\"Render single-metric dial gauges and dashboard indicators using ECharts in VPasCode, a diagram-as-code 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\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Gauge Chart Guide | VPasCode Text to Diagram Tool\" \/>\n<meta property=\"og:description\" content=\"Render single-metric dial gauges and dashboard indicators using ECharts in VPasCode, a diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-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_6a66c635e1eae.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=\"3\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\\\/gauge-chart-single-metric-status-and-threshold-tracking-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/gauge-chart-single-metric-status-and-threshold-tracking-guide\\\/\",\"name\":\"ECharts Gauge Chart Guide | VPasCode Text to Diagram Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/gauge-chart-single-metric-status-and-threshold-tracking-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/gauge-chart-single-metric-status-and-threshold-tracking-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c635e1eae.png\",\"datePublished\":\"2026-07-27T02:44:14+00:00\",\"description\":\"Render single-metric dial gauges and dashboard indicators using ECharts in VPasCode, a diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/gauge-chart-single-metric-status-and-threshold-tracking-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/gauge-chart-single-metric-status-and-threshold-tracking-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/gauge-chart-single-metric-status-and-threshold-tracking-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c635e1eae.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c635e1eae.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/gauge-chart-single-metric-status-and-threshold-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\":\"Messskala: Status- und Schwellenwertverfolgung f\u00fcr einzelne Kennzahlen\"}]},{\"@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 Gauge Chart Guide | VPasCode Text to Diagram Tool","description":"Render single-metric dial gauges and dashboard indicators using ECharts in VPasCode, a diagram-as-code 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\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/","og_locale":"de_DE","og_type":"article","og_title":"ECharts Gauge Chart Guide | VPasCode Text to Diagram Tool","og_description":"Render single-metric dial gauges and dashboard indicators using ECharts in VPasCode, a diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/","name":"ECharts Gauge Chart Guide | VPasCode Text to Diagram Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae.png","datePublished":"2026-07-27T02:44:14+00:00","description":"Render single-metric dial gauges and dashboard indicators using ECharts in VPasCode, a diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-tracking-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c635e1eae.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/gauge-chart-single-metric-status-and-threshold-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":"Messskala: Status- und Schwellenwertverfolgung f\u00fcr einzelne Kennzahlen"}]},{"@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\/2054","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=2054"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}