blueways/bw-covid-numbers

显示COVID-19数据的TYPO3扩展

安装: 37

依赖: 0

建议者: 0

安全: 0

类型:typo3-cms-extension

v1.2.0 2022-02-20 09:11 UTC

This package is auto-updated.

Last update: 2024-08-26 10:32:21 UTC


README

此TYPO3扩展显示来自德国RKI的COVID-19(冠状病毒SARS-CoV-2)数据。

示例

Example chart

Example chart 2

功能

使用您喜欢的数据进行自定义图表创建

  • 在一个图表中比较城市或州
  • 显示不同的冠状病毒数据
    • 感染数量
    • 每日新增感染
    • 每日新增感染(7天平均值)
    • 发病率值:感染数量(7天Σ/100,000)
  • 以线形图或柱状图显示
  • 选择颜色
  • 使用调度器刷新数据

安装

  • 获取扩展
      composer require blueways/bw-covid-numbers
    
  • 包含TypoScript模板

使用方法

将新的插件“COVID-19数据”添加到任何页面,并在插件设置中设置您所需输出数据。

Add content element

Configure plugin settings

添加新的调度任务以清除缓存并获取每日新增数据。

样式

您可以通过设置chart.js的数据集属性,通过TypoScript自定义柱状图和线形图的样式。

plugin.tx_bwcovidnumbers_pi1.settings {
    datasetOptions {
        line {
            pointRadius = 0
            pointHoverRadius = 10
            steppedLine = true
            # For more options see: https://chart.js.cn/docs/latest/charts/line.html#dataset-properties 
        }
        bar {
            borderWidth = 0
            hoverBackgroundColor = rgba(0,0,0,0.5)
            # For more options see: https://chart.js.cn/docs/latest/charts/bar.html#dataset-properties
        }
    }
    chartOptions {
        aspectRatio = 2
        # For more options see:
        # https://chart.js.cn/docs/latest/general/options.html
        # https://chart.js.cn/docs/latest/general/responsive.html
    }
}

要更改图表的onload,请查看`initChartJs.js`文件。此文件通过`plugin.tx_bwcovidnumbers_pi1.settings.initChartJs`包含。

已知问题

  • TYPO3 v7中的颜色选择器无法正确保存所选颜色。您需要手动输入值。

待办事项

可能的改进

  • 通过流体模板输出Canvas
  • 更好的标签生成

贡献

欢迎贡献! Bitbucket-Repository