mirror of
https://github.com/LiteyukiStudio/LiteyukiBot.git
synced 2024-11-11 16:57:24 +08:00
41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
|
// 数据类型声明
|
||
|
|
// import * as echarts from 'echarts';
|
||
|
|
|
||
|
|
let data = JSON.parse(document.getElementById("data").innerText) // object
|
||
|
|
const signChartDivTemplate = document.importNode(document.getElementById("sign-chart-template").content, true)
|
||
|
|
data.forEach((item) => {
|
||
|
|
let signChartDiv = signChartDivTemplate.cloneNode(true)
|
||
|
|
let chartID = item["name"]
|
||
|
|
// 初始化ECharts实例
|
||
|
|
// 设置id
|
||
|
|
signChartDiv.querySelector(".sign-chart").id = chartID
|
||
|
|
document.body.appendChild(signChartDiv)
|
||
|
|
|
||
|
|
let signChart = echarts.init(document.getElementById(chartID))
|
||
|
|
|
||
|
|
signChart.setOption(
|
||
|
|
{
|
||
|
|
animation: false,
|
||
|
|
title: {
|
||
|
|
text: item["name"],
|
||
|
|
textStyle: {
|
||
|
|
color: '#000000' // 设置标题文本颜色为红色
|
||
|
|
}
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
type: 'category',
|
||
|
|
data: item["times"],
|
||
|
|
},
|
||
|
|
yAxis: {
|
||
|
|
type: 'value',
|
||
|
|
min: Math.min(...item["counts"]),
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
data: item["counts"],
|
||
|
|
type: 'line'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
)
|
||
|
|
})
|