VChart
VChart copied to clipboard
VisActor
[Feature] 轴的min设置在有datazoom后会失效
What problem does this feature solve?
轴的min设置在有datazoom后会失效，导致期望使用min + tickstep达成的效果出现错误
const spec = {
"type": "rangeColumn",
"data": [
{
"id": "ArrangeableTasksAsGanttChartData",
"values": [
{
"Id": 1124,
"TaskName": "公共服务DNSToB交付",
"TaskStartTime": 1717603200,
"TaskFinishTime": 1717775999,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务DNSToB交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 2
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_TTGW_Delivery",
"TaskName": "云服务公共服务TTGW交付",
"TaskId": 1087
}
],
"TaskStartTime": 1717603200,
"TaskFinishTime": 1717775999
}
},
{
"Id": 1122,
"TaskName": "公共服务ZTI交付",
"TaskStartTime": 1717603200,
"TaskFinishTime": 1719417599,
"Type": "2",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务ZTI交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 14
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_DNS_Delivery",
"TaskName": "公共服务DNS交付",
"TaskId": 1110
},
{
"TaskCode": "CloudService_PUBLIC_TTGW_Delivery",
"TaskName": "云服务公共服务TTGW交付",
"TaskId": 1087
}
],
"TaskStartTime": 1717603200,
"TaskFinishTime": 1719417599
}
},
{
"Id": 1121,
"TaskName": "公共服务时序流交付",
"TaskStartTime": 1720022400,
"TaskFinishTime": 1720799999,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务时序流交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 7
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_TLB_Delivery",
"TaskName": "公共服务TLB交付",
"TaskId": 1128
}
],
"TaskStartTime": 1720022400,
"TaskFinishTime": 1720799999
}
},
{
"Id": 1131,
"TaskName": "公共服务PLBLite交付",
"TaskStartTime": 1717084800,
"TaskFinishTime": 1718121599,
"Type": "3",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务PLBLite交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 7
},
"DependencyTasks": [],
"TaskStartTime": 1717084800,
"TaskFinishTime": 1718121599
}
},
{
"Id": 1140,
"TaskName": "小火山VkeOnPremise交付",
"TaskStartTime": 1719158400,
"TaskFinishTime": 1719417599,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "小火山VkeOnPremise交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 3
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
},
{
"TaskCode": "CloudService_PUBLIC_CARMA_Delivery",
"TaskName": "云服务公共服务Carma交付",
"TaskId": 1090
},
{
"TaskCode": "CloudService_PUBLIC_PLB_LITE_Delivery",
"TaskName": "公共服务PLBLite交付",
"TaskId": 1131
}
],
"TaskStartTime": 1719158400,
"TaskFinishTime": 1719417599
}
},
{
"Id": 1128,
"TaskName": "公共服务TLB交付",
"TaskStartTime": 1719417600,
"TaskFinishTime": 1720022399,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务TLB交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 5
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
},
{
"TaskCode": "CloudService_PUBLIC_VKE_ON_PREMISE_Delivery",
"TaskName": "云服务小火山VKEOP交付",
"TaskId": 1076
},
{
"TaskCode": "CloudService_PUBLIC_REDIS_Delivery",
"TaskName": "公共服务Redis交付",
"TaskId": 1119
},
{
"TaskCode": "CloudService_PUBLIC_CONSUL_Delivery",
"TaskName": "公共服务服务发现交付",
"TaskId": 1138
}
],
"TaskStartTime": 1719417600,
"TaskFinishTime": 1720022399
}
},
{
"Id": 1137,
"TaskName": "公共服务网络工程交付",
"TaskStartTime": 1717084800,
"TaskFinishTime": 1718899199,
"Type": "4",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务网络工程交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 14
},
"DependencyTasks": [],
"TaskStartTime": 1717084800,
"TaskFinishTime": 1718899199
}
},
{
"Id": 1129,
"TaskName": "公共服务镜像服务交付",
"TaskStartTime": 1717430400,
"TaskFinishTime": 1717689599,
"Type": "5",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务镜像服务交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 3
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_DNS_Delivery",
"TaskName": "公共服务DNS交付",
"TaskId": 1110
}
],
"TaskStartTime": 1717430400,
"TaskFinishTime": 1717689599
}
},
{
"Id": 1123,
"TaskName": "公共服务ACL交付",
"TaskStartTime": 1718294400,
"TaskFinishTime": 1719244799,
"Type": "5",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务ACL交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 7
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
}
],
"TaskStartTime": 1718294400,
"TaskFinishTime": 1719244799
}
},
{
"Id": 1134,
"TaskName": "公共服务TTGW交付",
"TaskStartTime": 1717084800,
"TaskFinishTime": 1717603199,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务TTGW交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 4
},
"DependencyTasks": [],
"TaskStartTime": 1717084800,
"TaskFinishTime": 1717603199
}
},
{
"Id": 1133,
"TaskName": "公共服务TCELite交付",
"TaskStartTime": 1719417600,
"TaskFinishTime": 1721145599,
"Type": "4",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务TCELite交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 14
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
},
{
"TaskCode": "CloudService_PUBLIC_CONSUL_Delivery",
"TaskName": "公共服务服务发现交付",
"TaskId": 1138
},
{
"TaskCode": "CloudService_PUBLIC_VKE_ON_PREMISE_Delivery",
"TaskName": "云服务小火山VKEOP交付",
"TaskId": 1076
}
],
"TaskStartTime": 1719417600,
"TaskFinishTime": 1721145599
}
},
{
"Id": 1136,
"TaskName": "公共服务MetaRedis交付",
"TaskStartTime": 1719504000,
"TaskFinishTime": 1720454399,
"Type": "3",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务MetaRedis交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 7
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
},
{
"TaskCode": "CloudService_PUBLIC_META_MYSQL_Delivery",
"TaskName": "公共服务MetaMysql交付",
"TaskId": 1120
},
{
"TaskCode": "CloudService_PUBLIC_PLB_LITE_Delivery",
"TaskName": "公共服务PLBLite交付",
"TaskId": 1131
},
{
"TaskCode": "CloudService_PUBLIC_ETCD_Delivery",
"TaskName": "公共服务ETCD交付",
"TaskId": 1135
}
],
"TaskStartTime": 1719504000,
"TaskFinishTime": 1720454399
}
},
{
"Id": 1120,
"TaskName": "公共服务MetaMysql交付",
"TaskStartTime": 1719158400,
"TaskFinishTime": 1719503999,
"Type": "3",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务MetaMysql交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 4
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_CARMA_Delivery",
"TaskName": "云服务公共服务Carma交付",
"TaskId": 1090
},
{
"TaskCode": "CloudService_PUBLIC_PLB_LITE_Delivery",
"TaskName": "公共服务PLBLite交付",
"TaskId": 1131
},
{
"TaskCode": "CloudService_PUBLIC_DNS_Delivery",
"TaskName": "公共服务DNS交付",
"TaskId": 1110
}
],
"TaskStartTime": 1719158400,
"TaskFinishTime": 1719503999
}
},
{
"Id": 1132,
"TaskName": "公共服务MetaRMQ交付",
"TaskStartTime": 1720972800,
"TaskFinishTime": 1721750399,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务MetaRMQ交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 7
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_PLB_LITE_Delivery",
"TaskName": "公共服务PLBLite交付",
"TaskId": 1131
},
{
"TaskCode": "CloudService_PUBLIC_META_MYSQL_Delivery",
"TaskName": "公共服务MetaMysql交付",
"TaskId": 1120
},
{
"TaskCode": "CloudService_PUBLIC_DNS_Delivery",
"TaskName": "公共服务DNS交付",
"TaskId": 1110
},
{
"TaskCode": "CloudService_PUBLIC_INFLUXDB_Delivery",
"TaskName": "公共服务时序流交付",
"TaskId": 1121
},
{
"TaskCode": "CloudService_PUBLIC_CARMA_Delivery",
"TaskName": "云服务公共服务Carma交付",
"TaskId": 1090
}
],
"TaskStartTime": 1720972800,
"TaskFinishTime": 1721750399
}
},
{
"Id": 1126,
"TaskName": "公共服务NTP交付",
"TaskStartTime": 1717084800,
"TaskFinishTime": 1717171199,
"Type": "2",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务NTP交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 1
},
"DependencyTasks": [],
"TaskStartTime": 1717084800,
"TaskFinishTime": 1717171199
}
},
{
"Id": 1130,
"TaskName": "小火山VeStack交付",
"TaskStartTime": 1717084800,
"TaskFinishTime": 1718294399,
"Type": "6",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "小火山VeStack交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 9
},
"DependencyTasks": [],
"TaskStartTime": 1717084800,
"TaskFinishTime": 1718294399
}
},
{
"Id": 1119,
"TaskName": "公共服务Redis交付",
"TaskStartTime": 1718726400,
"TaskFinishTime": 1718812799,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务Redis交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 1
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
},
{
"TaskCode": "CloudService_PUBLIC_CONSUL_Delivery",
"TaskName": "公共服务服务发现交付",
"TaskId": 1138
},
{
"TaskCode": "CloudService_PUBLIC_ETCD_Delivery",
"TaskName": "公共服务ETCD交付",
"TaskId": 1135
}
],
"TaskStartTime": 1718726400,
"TaskFinishTime": 1718812799
}
},
{
"Id": 1135,
"TaskName": "公共服务ETCD交付",
"TaskStartTime": 1718294400,
"TaskFinishTime": 1718639999,
"Type": "6",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务ETCD交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 2
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
}
],
"TaskStartTime": 1718294400,
"TaskFinishTime": 1718639999
}
},
{
"Id": 1125,
"TaskName": "公共服务Carma交付",
"TaskStartTime": 1718640000,
"TaskFinishTime": 1718985599,
"Type": "3",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务Carma交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 4
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
},
{
"TaskCode": "CloudService_PUBLIC_TTGW_Delivery",
"TaskName": "云服务公共服务TTGW交付",
"TaskId": 1087
},
{
"TaskCode": "CloudService_PUBLIC_DNS_Delivery",
"TaskName": "公共服务DNS交付",
"TaskId": 1110
},
{
"TaskCode": "CloudService_PUBLIC_ETCD_Delivery",
"TaskName": "公共服务ETCD交付",
"TaskId": 1135
}
],
"TaskStartTime": 1718640000,
"TaskFinishTime": 1718985599
}
},
{
"Id": 1141,
"TaskName": "公共服务DNS交付",
"TaskStartTime": 1717084800,
"TaskFinishTime": 1717430399,
"Type": "5",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务DNS交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 2
},
"DependencyTasks": [],
"TaskStartTime": 1717084800,
"TaskFinishTime": 1717430399
}
},
{
"Id": 1138,
"TaskName": "公共服务服务发现交付",
"TaskStartTime": 1718294400,
"TaskFinishTime": 1718726399,
"Type": "1",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务服务发现交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 3
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_VESTACK_Delivery",
"TaskName": "小火山VeStack交付",
"TaskId": 1108
}
],
"TaskStartTime": 1718294400,
"TaskFinishTime": 1718726399
}
},
{
"Id": 1139,
"TaskName": "公共服务NTA交付",
"TaskStartTime": 1718726400,
"TaskFinishTime": 1719503999,
"Type": "6",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务NTA交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 7
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_CONSUL_Delivery",
"TaskName": "公共服务服务发现交付",
"TaskId": 1138
}
],
"TaskStartTime": 1718726400,
"TaskFinishTime": 1719503999
}
},
{
"Id": 1127,
"TaskName": "公共服务拉闸服务交付",
"TaskStartTime": 1720022400,
"TaskFinishTime": 1720799999,
"Type": "5",
"TaskStatus": "Waiting",
"HoverInfo": {
"TaskName": "公共服务拉闸服务交付",
"TaskStatus": "Waiting",
"TaskHandler": "",
"TaskSLA": {
"TimeUnit": "Day",
"TimeSpan": 7
},
"DependencyTasks": [
{
"TaskCode": "CloudService_PUBLIC_TLB_Delivery",
"TaskName": "公共服务TLB交付",
"TaskId": 1128
},
{
"TaskCode": "CloudService_PUBLIC_REDIS_Delivery",
"TaskName": "公共服务Redis交付",
"TaskId": 1119
},
{
"TaskCode": "CloudService_PUBLIC_CONSUL_Delivery",
"TaskName": "公共服务服务发现交付",
"TaskId": 1138
}
],
"TaskStartTime": 1720022400,
"TaskFinishTime": 1720799999
}
}
]
}
],
"direction": "horizontal",
"yField": "Type",
"minField": "TaskStartTime",
"maxField": "TaskFinishTime",
"bar": {
"style": {
"cornerRadius": 100
}
},
"axes": [
{
"orient": "left",
"type": "band",
"bandPadding": 0.5,
"visible": false
},
{
"id": "time",
"type": "time",
"orient": "top",
min: 1716998400,
"layers": [
{
"tickStep": 86400,
"timeFormat": "%Y%m%d %H:%M"
}
],
tick: {
dataFilter: (item)=>{
console.log(item)
return item
}
}
}
],
"label": {
"visible": true,
"overlap": false,
"position": "inside",
"smartInvert": false,
"style": {
"fill": "white",
"stroke": "black"
}
},
"crosshair": {
"xField": {
"visible": true,
label: {
visible: true,
formatMethod: (v)=>{
console.log(v)
const date = new Date(Math.floor(v * 1000));
return date.getHours() + ':' + date.getMinutes()
}
}
},
"yField": {
"visible": true
}
},
"dataZoom": [
{
"orient": "bottom",
"height": 20,
"axisId": "time",
"filterMode": "axis",
"startText": {
"formatter": "{label:%Y-%m-%d}"
},
"endText": {
"formatter": "{label:%Y-%m-%d}"
}
}
],
"tooltip": {
"activeType": "mark",
"mark": {
"visible": true,
"title": {
"value": "mark"
}
}
}
};
const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();
What does the proposed API look like?
none
