[{"id":"tile_1654002609295","date":1777038623046,"json":"{\"lang\":\"de\",\"id\":\"tile_1654002609295\",\"version\":\"2.0\",\"workflow\":\"manual\",\"title\":\"Energieverbrauch der Industrie nach Energieträgern\",\"introtext\":\"<p>in Prozent</p>\",\"sources\":[{\"link\":\"https://www.destatis.de/DE/Themen/Branchen-Unternehmen/Energie/Verwendung/_inhalt.html;jsessionid=9FDF0087319A8655B18067BD962EE7CC.live742\",\"name\":\"Statistisches Bundesamt (Destatis)\",\"qualitySource\":1,\"quality\":1}],\"dataVersionDate\":\"2023\",\"dateUpload\":\"3. Dezember 2024\",\"tags\":[\"Energie\",\"Energieverbrauch\",\"Erneuerbare Energie\",\"Industrie\",\"Statistisches Bundesamt\",\"Destatis\"],\"components\":[{\"type\":\"highcharts\",\"main\":false,\"order\":1,\"alt\":\"\",\"chart\":{\"chart\":{\"type\":\"column\",\"zoomType\":\"xy\",\"marginTop\":60},\"title\":{\"text\":\"\"},\"subtitle\":{\"text\":\"\"},\"xAxis\":[{\"type\":\"datetime\",\"labels\":{\"format\":\"{value:%Y}\"},\"index\":0,\"isX\":true,\"accessibility\":{\"description\":\"Zeitdaten\"},\"crosshair\":false}],\"yAxis\":[{\"accessibility\":{\"description\":\"Werten\"},\"title\":{\"text\":\"\",\"align\":\"high\",\"y\":-25,\"reserveSpace\":false,\"rotation\":0,\"textAlign\":\"left\",\"style\":{\"color\":\"#272C2D\",\"fontFamily\":\"\\\"StatisSans\\\", sans-serif\",\"fontWeight\":\"400\",\"fontSize\":\"16px\",\"textOverflow\":\"ellipsis\",\"overflow\":\"hidden\",\"whiteSpace\":\"nowrap\",\"width\":300}},\"type\":\"linear\",\"labels\":{\"align\":\"right\",\"formatter\":\"function() { return `${Number((this.value / 1000000).toFixed(0)).toLocaleString('de-DE', {minimumFractionDigits: 0, maximumFractionDigits: 0})}`}\",\"formatterIdentifier\":\"MATH_DIVIDER\",\"mathPow\":1000000,\"prefix\":\"\",\"suffix\":\"\",\"decimals\":0},\"opposite\":false},{\"title\":{\"text\":\"\",\"align\":\"high\",\"y\":-25,\"reserveSpace\":false,\"rotation\":0,\"textAlign\":\"right\",\"style\":{\"color\":\"#272C2D\",\"fontFamily\":\"\\\"StatisSans\\\", sans-serif\",\"fontWeight\":\"400\",\"fontSize\":\"16px\",\"textOverflow\":\"ellipsis\",\"overflow\":\"hidden\",\"whiteSpace\":\"nowrap\",\"width\":300}},\"accessibility\":{\"description\":\"Werten\"},\"type\":\"linear\",\"opposite\":true,\"labels\":{\"align\":\"left\"}}],\"plotOptions\":{\"series\":{\"marker\":{\"enabled\":false},\"animation\":false,\"maxPointWidth\":14,\"lineWidth\":2},\"subtitle\":{\"text\":\"\"},\"bar\":{\"point\":{\"events\":{\"mouseOver\":\"function () {\\n    const index = this.index;\\n    const chart = this.series.chart || undefined;\\n\\n    if (chart) {\\n      const series = chart.series;\\n      series?.forEach(items => {\\n        items.data?.forEach(item => {\\n          if (item.index !== index) {\\n            item.graphic?.css({ opacity: 0.3 });\\n          }\\n        });\\n      });\\n    }\\n  }\",\"mouseOut\":\"function () {\\n    const chart = this.series.chart || undefined;\\n\\n    if (chart) {\\n      const series = chart.series;\\n      series?.forEach(items => {\\n        items.data?.forEach(item => {\\n          item.graphic?.css({ opacity: 1 });\\n        });\\n      });\\n    }\\n  }\"}}},\"column\":{\"point\":{\"events\":{\"mouseOver\":\"function () {\\n    const index = this.index;\\n    const chart = this.series.chart || undefined;\\n\\n    if (chart) {\\n      const series = chart.series;\\n      series?.forEach(items => {\\n        items.data?.forEach(item => {\\n          if (item.index !== index) {\\n            item.graphic?.css({ opacity: 0.3 });\\n          }\\n        });\\n      });\\n    }\\n  }\",\"mouseOut\":\"function () {\\n    const chart = this.series.chart || undefined;\\n\\n    if (chart) {\\n      const series = chart.series;\\n      series?.forEach(items => {\\n        items.data?.forEach(item => {\\n          item.graphic?.css({ opacity: 1 });\\n        });\\n      });\\n    }\\n  }\"}}},\"line\":{},\"area\":{}},\"tooltip\":{\"animation\":false,\"enabled\":true,\"headerFormat\":\"<b>{series.name}</b><br>\",\"pointFormat\":\"{point.category:%Y}: {point.percentage:,.1f} %\",\"formatterIdentifier\":\"CUSTOM\",\"shared\":true,\"crosshairs\":true,\"useHTML\":true,\"footerFormat\":\"\",\"style\":{\"lineHeight\":\"undefined\"},\"shadow\":true,\"borderRadius\":2,\"borderColor\":\"#B0B5B7\",\"valueSuffix\":\"\",\"valuePrefix\":\"\",\"mathPow\":\"1000000\",\"mathOperation\":\"MATH_DIVIDER\",\"dateFormat\":{\"key\":\"MONTHLY\",\"label\":\"Monatlich (z.B. Oktober 2023)\"},\"positioner\":\"function (labelWidth, labelHeight, point) {\\n      const chart = this.chart;\\n      const chartPosition = chart.pointer.getChartPosition();\\n      const defaultSpacing = 12;\\n      const topBarHeight = document.querySelector(\\\".topbar\\\")?.getBoundingClientRect().height || 50;\\n\\n      \\n      let tooltipYPos = -labelHeight - defaultSpacing;\\n      let customLineHeightShorten = 0;\\n      if (window.scrollY + topBarHeight > chartPosition.top + tooltipYPos) {\\n        tooltipYPos = window.scrollY + topBarHeight - chartPosition.top;\\n        customLineHeightShorten = Math.abs(-labelHeight - defaultSpacing - tooltipYPos);\\n      }\\n      let tooltipXPos = this.chart.plotLeft + point.plotX - labelWidth / 2;\\n\\n      \\n      const tooltipContainer = document.querySelector(\\\".highcharts-tooltip-container\\\");\\n      if (tooltipContainer) {\\n        const plotOffsetTop = this.chart?.plotTop\\n          ? (this.chart?.types?.[0] === \\\"line\\\" && this.chart?.types?.length < 2\\n              ? this.chart.plotHeight + this.chart.plotTop\\n              : this.chart.plotTop) -\\n            customLineHeightShorten +\\n            defaultSpacing\\n          : 0 - customLineHeightShorten;\\n        tooltipContainer.setAttribute(\\\"data-plot-top-offset\\\", plotOffsetTop.toString());\\n      }\\n\\n      if (this.chart?.types?.[0] === \\\"bar\\\") {\\n        tooltipXPos = tooltipXPos - point.h / 2;\\n      }\\n\\n     \\n      if ((this.chart?.types?.[0] === \\\"map\\\" || this.chart?.types?.[0] === \\\"pie\\\" || this.chart?.types?.[0] === \\\"column\\\") && tooltipContainer) {\\n        const fixedLabelX = tooltipContainer.getAttribute(\\\"data-fixed-tooltip-x\\\");\\n        if (fixedLabelX) {\\n          tooltipXPos = Number(fixedLabelX) - labelWidth / 2;\\n        }\\n        if(this.chart?.types?.[0] === \\\"column\\\" && fixedLabelX) {\\n          tooltipXPos = this.chart.plotLeft + Number(fixedLabelX) - labelWidth / 2;\\n        }\\n      }\\n      if(this.chart?.types?.[0] === \\\"bar\\\" && this.chart?.yAxis?.length === 2) {\\n        if(point.plotX <= (this.chart.plotWidth / 2) && this.chart?.yAxis?.[0]?.len && this.chart?.yAxis?.[0]?.left && false) {\\n          tooltipXPos = this.chart.yAxis[0].left - labelWidth/2 + this.chart.yAxis[0].len - (point.h / 2);\\n        }\\n      }  \\n\\n      return {\\n        x: tooltipXPos,\\n        y: tooltipYPos\\n      };\\n    }\",\"outside\":true,\"shape\":\"rect\",\"formatter\":\"function() {\\n  \\n      const createCustomLine = () => { \\n    let pointXValue = null;\\n    let pointYValue = null;\\n\\n    \\n  this?.points?.forEach((item) => {\\n    pointXValue = pointXValue === null ? item?.point?.plotX : item?.point?.plotX < pointXValue ? item?.point?.plotX : pointXValue;\\n    pointYValue = pointYValue === null ? item?.point?.plotY : item?.point?.plotY < pointYValue ? item?.point?.plotY : pointYValue;\\n  })\\n    ;\\n    let offsetChart = 60 + 12;\\n    const highchartTooltipContainer = document.querySelector('div.highcharts-tooltip-container');\\n    if(highchartTooltipContainer) {\\n      offsetChart = Number(highchartTooltipContainer.getAttribute('data-plot-top-offset'));\\n    }\\n    \\n  if(highchartTooltipContainer) {\\n    const tooltipFixedXPos = this?.point?.plotX || 0;\\n    highchartTooltipContainer.setAttribute('data-fixed-tooltip-x', tooltipFixedXPos.toString());\\n  };\\n    \\n    // -1 to prevent line touch the x-axis\\n    let customLineHeight = pointYValue + offsetChart - 1; \\n\\n    if(customLineHeight < 0) {\\n      customLineHeight = 0;\\n    }\\n\\n    return `<style>\\n    .highcharts-label span:first-child::before{\\n      position:absolute;\\n      content:'';\\n      bottom: -9px;\\n      left:50%;\\n      width:1px;\\n      height: ${customLineHeight}px;\\n      background:#B0B5B7;\\n      transform: translate(-100%, 100%);\\n    }</style>`;\\n  };;\\n      const customLine = createCustomLine();\\n      const formatDate = function(timestamp) {const date = new Date(timestamp) || new Date(); const monthNames = [\\\"Januar\\\",\\\"Februar\\\",\\\"März\\\",\\\"April\\\",\\\"Mai\\\",\\\"Juni\\\",\\\"Juli\\\",\\\"August\\\",\\\"September\\\",\\\"Oktober\\\",\\\"November\\\",\\\"Dezember\\\"]; return `${monthNames[date.getMonth()]} ${date.getFullYear()}`;}; const header = `<style>\\n    .highcharts-tooltip-container .highcharts-tooltip span{\\n      line-height: 18px !important;\\n    } \\n  </style><span style='margin-bottom: 4px; display: inline-block; width: 100%; text-align: center; line-height: 20px;'><b>${formatDate(this?.x)}</b></span><br>`;\\n      const getBodyFunc = () => { let pointFormat = \\\"<div><span style='display: inline-block; width: 10px; height: 10px; background-color: {pointColor}; margin-right: 4px;'></span><b>{pointValue}</b> {pointName}</div>\\\";\\n    let bodyString = \\\"\\\";\\n    let pointCalcFunc = function(pointValue) {\\n    let tmpPointValue = Number(pointValue / 1000000);\\n    return new Intl.NumberFormat(\\\"de-DE\\\").format(tmpPointValue);\\n  };;\\n    let pointFillFunc = function(pointString, pointColor, pointValue, pointName) { \\n    return pointString.replace(\\\"{pointColor}\\\", pointColor).replace(\\\"{pointValue}\\\", pointValue).replace(\\\"{pointName}\\\", pointName);\\n  };; \\n    this?.points?.forEach((point) => {\\n      let pointColor = point?.color || \\\"\\\"; \\n      let pointName = point?.series?.userOptions?.custom?.name || point?.series?.name || \\\"\\\";\\n      bodyString += pointFillFunc(pointFormat, pointColor, pointCalcFunc(point?.y), pointName);\\n    })\\n\\n    return bodyString;\\n  };;\\n      const body = getBodyFunc();\\n      return header + body + customLine;\\n    }\"},\"series\":[{\"name\":\"Erneuerbare Energien\",\"data\":[[1420070400000,128645829],[1451606400000,135099495],[1483228800000,130017425],[1514764800000,151081505],[1546300800000,151699797],[1577836800000,153606273],[1609459200000,158600010],[1640995200000,159038952],[1672531200000,153946964]],\"color\":\"#339966\",\"dashStyle\":\"Solid\",\"index\":0,\"custom\":{\"name\":\"Erneuerbare Energien\"}},{\"name\":\"Kohle\",\"data\":[[1420070400000,667582711],[1451606400000,696334777],[1483228800000,693117316],[1514764800000,606983716],[1546300800000,574321596],[1577836800000,583625959],[1609459200000,632987072],[1640995200000,546308393],[1672531200000,498066389]],\"color\":\"#CC0033\",\"dashStyle\":\"Solid\",\"index\":1,\"custom\":{\"name\":\"Kohle\"}},{\"name\":\"Strom\",\"data\":[[1420070400000,857814854],[1451606400000,862570144],[1483228800000,865648646],[1514764800000,858650574],[1546300800000,826122934],[1577836800000,782184552],[1609459200000,809068839],[1640995200000,762140288],[1672531200000,702964603]],\"color\":\"#FF6600\",\"dashStyle\":\"Solid\",\"index\":2,\"custom\":{\"name\":\"Strom\"}},{\"name\":\"Erdgas\",\"data\":[[1420070400000,1096973302],[1451606400000,1150548251],[1483228800000,1200185305],[1514764800000,1187636506],[1546300800000,1167025257],[1577836800000,1168708514],[1609459200000,1193314095],[1640995200000,986840396],[1672531200000,923383899]],\"color\":\"#FFCC33\",\"dashStyle\":\"Solid\",\"index\":3,\"custom\":{\"name\":\"Erdgas\"}},{\"name\":\"Übrige\",\"data\":[[1420070400000,1264540689],[1451606400000,1226731317],[1483228800000,1186963542],[1514764800000,1176585972],[1546300800000,1101395137],[1577836800000,1058984092],[1609459200000,1124480261],[1640995200000,1107398655],[1672531200000,1004137812]],\"color\":\"#3366CC\",\"dashStyle\":\"Solid\",\"index\":4,\"custom\":{\"name\":\"Übrige\"}}],\"colors\":[\"#3366CC\",\"#CC0033\",\"#339966\",\"#66CCFF\",\"#FF9900\",\"#333366\",\"#FF6600\",\"#66CC66\",\"#990033\",\"#2C6622\",\"#FFCC33\",\"#660022\"]},\"col\":0,\"colexpand\":2,\"row\":0,\"rowexpand\":1},{\"type\":\"text\",\"yAxisUnit\":\"<p>Gigajoule </p>\",\"belongsTo\":1,\"text\":\"<p><span style=\\\"font-family:&quot;MetaNormalLF-Roman&quot;,sans-serif;font-size:11.0pt;mso-ansi-language:DE;mso-bidi-font-family:&quot;Times New Roman&quot;;mso-bidi-font-size:10.0pt;mso-bidi-language:AR-SA;mso-fareast-font-family:&quot;Times New Roman&quot;;mso-fareast-language:DE;\\\">Im Jahr 2023 hat die Industrie in Deutschland 3 282 Petajoule Energie verbraucht. Das waren 7,8&nbsp;% weniger Energie als im Jahr 2022. Mit 91 % wurde der größte Teil davon energetisch, also für die Strom- und Wärmeerzeugung eingesetzt. Die übrigen 9&nbsp;% der Energie (hauptsächlich Mineralölprodukte und Erdgas) dienten als Grundstoff zum Beispiel zur </span><a name=\\\"_Hlk121732676\\\"><span style=\\\"font-family:&quot;MetaNormalLF-Roman&quot;,sans-serif;font-size:11.0pt;mso-ansi-language:DE;mso-bidi-font-family:&quot;Times New Roman&quot;;mso-bidi-font-size:10.0pt;mso-bidi-language:AR-SA;mso-fareast-font-family:&quot;Times New Roman&quot;;mso-fareast-language:DE;\\\">Herstellung von Chemikalien, Düngemitteln oder Kunststoffen</span></a><span style=\\\"font-family:&quot;MetaNormalLF-Roman&quot;,sans-serif;font-size:11.0pt;mso-ansi-language:DE;mso-bidi-font-family:&quot;Times New Roman&quot;;mso-bidi-font-size:10.0pt;mso-bidi-language:AR-SA;mso-fareast-font-family:&quot;Times New Roman&quot;;mso-fareast-language:DE;\\\">.&nbsp;</span></p><p><span style=\\\"font-family:&quot;MetaNormalLF-Roman&quot;,sans-serif;font-size:11.0pt;mso-ansi-language:DE;mso-bidi-font-family:&quot;Times New Roman&quot;;mso-bidi-font-size:10.0pt;mso-bidi-language:AR-SA;mso-fareast-font-family:&quot;Times New Roman&quot;;mso-fareast-language:DE;\\\">Trotz eines Rückgangs um 6,4 % gegenüber dem Vorjahr blieb Erdgas mit einem Anteil von 28 % der am meisten verwendete Energieträger in der Industrie, gefolgt von Strom (21&nbsp;%), Mineralölen und Mineralölprodukten (16&nbsp;%) sowie Kohle (15&nbsp;%).</span></p>\",\"title\":\"\",\"subtitle\":\"\",\"infoButtonText\":\"Dargestellt wird der Energieverbrauch in der Industrie untergliedert nach Energieträgern. Dabei werden zu den erneuerbaren Energien Geothermie, Solarthermie und Wärmepumpen, feste und flüssige biogene Stoffe, Bio-, Klär- und Deponiegas sowie sonstige erneuerbare Energien gezählt. Die Position \\\"Übrige\\\" beinhaltet Wärme (fremdbezogen), Mineralöle und Mineralölprodukte, hergestellte Gase, Abfälle sowie sonstige nicht erneuerbare Energien.\\n\\nDie Daten sind als Quote dargestellt, das heißt als prozentualer Anteil der jeweiligen Energieträger am Gesamtverbrauch.\\nDieser Indikator wird jährlich aktualisiert.\",\"col\":2,\"colexpand\":1,\"row\":0,\"rowexpand\":1},{\"type\":\"compact\",\"title\":\"Energieverbrauch der Industrie nach Energieträgern\",\"description\":\"\",\"hideSeries\":[],\"main\":false,\"widgets\":[{\"num\":\"7,8 %\",\"colorNum\":\"\",\"icon\":\"ArrowDownRight\",\"colorIcon\":\"\",\"desc\":\"niedrigerer Energieverbrauch der Industrie in 2023 als im Vorjahr\"},{\"num\":\"28,1 %\",\"colorNum\":\"\",\"icon\":\"\",\"colorIcon\":\"\",\"desc\":\"des Gesamtverbrauchs entfallen auf Erdgas in 2023\"},{\"num\":\"4,7 %\",\"colorNum\":\"\",\"icon\":\"\",\"colorIcon\":\"\",\"desc\":\"des Gesamtverbrauchs entfallen auf erneuerbare Energien in 2023\"}],\"widgetConfig\":[null,null,null]},{\"type\":\"teaser\",\"variant\":1,\"smallTitle\":\"Energieverbrauch der Industrie nach Energieträgern\",\"imageChart\":\"\"}],\"attachments\":[{\"name\":\"Daten_Energieverbrauch_Industrie_Energieträger.xlsx\",\"type\":\"xlsx\"}],\"category\":\"Wirtschaftsaktivität und aktuelle Konjunkturindikatoren\",\"embeddable\":true,\"cols\":3,\"rows\":1,\"width\":5,\"height\":4,\"maxHeight\":0,\"minHeight\":0,\"maxWidth\":0,\"minWidth\":0,\"previewImg\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<Error><Code>MethodNotAllowed</Code><Message>The specified method is not allowed against this resource.</Message><Method>POST</Method><ResourceType>OBJECT</ResourceType><RequestId>NBBS0BQFW4PG46VQ</RequestId><HostId>UgaJ79NIBgiWLOZT+bqMf7lWmQp5i/lZQX/KZJPGGXoWo/ux0U/UfHCeXoe6j5VdNZKX/RfCneUFDfAZ2sZq/w==</HostId></Error>\",\"source\":\"[Statistisches Bundesamt (Destatis)](https://www.destatis.de/DE/Themen/Branchen-Unternehmen/Energie/Verwendung/_inhalt.html;jsessionid=9FDF0087319A8655B18067BD962EE7CC.live742)\"}","title":"Energieverbrauch der Industrie nach Energieträgern"}]