virtual-chart-vue3
v1.0.8
Published
用于 vue3 虚拟`echarts`图表支持横向和竖向，目前不支持换行
Downloads
19
Readme
virtual-chart-list
用于 vue3 虚拟echarts图表支持横向和竖向，目前不支持换行
图表目前使用的是echarts
支持二次开发
需要传入的参数
| 选项 | 描述 | 默认 | 必填 | | ------------------ | ----------------------------------------------- | ------------ | -------- | | chartData | 图表数据 | 无 | 是 | | itemSizeWidth | 图的宽度 | 400 | 否 | | itemSizeHeight | 图的高度 | 400 | 否 | | bufferSize | 缓冲数据也就是 end = start + bufferSize | 10 | 否 | | horizontald | 方向 | vertical | 否 |
使用方法
1、下载
npm i virtual-chart-vue3如果版本有问题就 npm i virtual-chart-vue3 --legacy-peer-deps
2、引入
import vueVirtualChart from "virtual-chart-vue3";
const app = createApp(App);
vueVirtualChart(app);3、使用
<div class="wrapper">
<vueVirtualChart :chartData="chartData"></vueVirtualChart>
</div>注意：
wrapper父亲要给宽高
chartData 示例：
[
{
"id": "mysqlio_test.mybenchx0",
"options": {
"title": {
"text": "mysqlio_test.mybenchx0"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:25",
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx1",
"options": {
"title": {
"text": "mysqlio_test.mybenchx1"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:25",
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980,
9980
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx2",
"options": {
"title": {
"text": "mysqlio_test.mybenchx2"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:25",
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
2000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
3303,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx3",
"options": {
"title": {
"text": "mysqlio_test.mybenchx3"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx4",
"options": {
"title": {
"text": "mysqlio_test.mybenchx4"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828,
9828
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx5",
"options": {
"title": {
"text": "mysqlio_test.mybenchx5"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx6",
"options": {
"title": {
"text": "mysqlio_test.mybenchx6"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx7",
"options": {
"title": {
"text": "mysqlio_test.mybenchx7"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:35",
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
2000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
3271,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx8",
"options": {
"title": {
"text": "mysqlio_test.mybenchx8"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx9",
"options": {
"title": {
"text": "mysqlio_test.mybenchx9"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx10",
"options": {
"title": {
"text": "mysqlio_test.mybenchx10"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945,
9945
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx11",
"options": {
"title": {
"text": "mysqlio_test.mybenchx11"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx12",
"options": {
"title": {
"text": "mysqlio_test.mybenchx12"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:45",
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
2000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
3272,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx13",
"options": {
"title": {
"text": "mysqlio_test.mybenchx13"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx14",
"options": {
"title": {
"text": "mysqlio_test.mybenchx14"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678,
9678
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
},
{
"name": "mydump_extract_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000
]
}
]
}
},
{
"id": "mysqlio_test.mybenchx15",
"options": {
"title": {
"text": "mysqlio_test.mybenchx15"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"top": "10%",
"data": [
"mydump_count",
"mydump_load_count",
"mydump_extract_count"
]
},
"grid": {
"top": "25%",
"left": "3%",
"right": "4%",
"bottom": "4%",
"containLabel": true
},
"xAxis": {
"type": "category",
"boundaryGap": false,
"data": [
"2023-12-28 11:07:55",
"2023-12-28 11:08:05",
"2023-12-28 11:08:15",
"2023-12-28 11:08:25",
"2023-12-28 11:08:35",
"2023-12-28 11:08:45",
"2023-12-28 11:08:55",
"2023-12-28 11:09:05",
"2023-12-28 11:09:15",
"2023-12-28 11:09:25",
"2023-12-28 11:09:35",
"2023-12-28 11:09:45",
"2023-12-28 11:09:55",
"2023-12-28 11:10:05",
"2023-12-28 11:10:15",
"2023-12-28 11:10:25",
"2023-12-28 11:10:35",
"2023-12-28 11:10:45"
]
},
"yAxis": {
"type": "value"
},
"series": [
{
"name": "mydump_count",
"type": "line",
"data": [
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905,
9905
]
},
{
"name": "mydump_load_count",
"type": "line",
"data": [
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,
10000,