数据在初次加载时未能完全绘制
kami-kgu opened this issue · comments
作者你好,我现在遇到一个问题:
我将图表设置为可左右滑动的类型,当数据传递给图表后,未滑动状态下的数据是绘制正常的,当我向右侧滑动一段距离后,新出现的 x轴的数据未能成功绘制,但实际上是有数据存在的。当我点击图表视图弹出 tooltip视图后,缺失的部分就自动绘制出来了。请问这个现象是什么原因造成的,有什么解决方式吗?
下面是截图对比和图表打印的 log,麻烦作者协助看一下。谢谢。
![image](https://private-user-images.githubusercontent.com/139963759/292075601-bce0099f-66aa-43b4-8539-760236b11e65.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MDkxMjI2MDEsIm5iZiI6MTcwOTEyMjMwMSwicGF0aCI6Ii8xMzk5NjM3NTkvMjkyMDc1NjAxLWJjZTAwOTlmLTY2YWEtNDNiNC04NTM5LTc2MDIzNmIxMWU2NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMjI4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDIyOFQxMjExNDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04YTkzNGY2MjhkZjc5OWIzMGJiMTU0OTdmZDIyMDY5ODNmMTk3ZjIwNjU4ZDZjOTdhYmIyOGQwM2M5MjJlNWVmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.st_X5Bpbj5nMwc-9LDzNlpbhjJa0DVxFp7i9c0gl8PI)
-----------🖨🖨🖨 console log AAOptions JSON information of AAChartView 🖨🖨🖨-----------:
{
"credits" : {
"enabled" : false
},
"legend" : {
"enabled" : false
},
"yAxisArray" : [
{
"lineWidth" : 1,
"visible" : true,
"title" : {
"text" : "",
"style" : {
"color" : "black",
"fontSize" : "1.0px",
"fontWeight" : "regular"
}
},
"labels" : {
"formatter" : "( function () { var yValue = this.value; var formattedYValue = yValue.toFixed(1); return formattedYValue; })",
"style" : {
},
"enabled" : true
},
"gridLineWidth" : 0,
"endOnTick" : false,
"startOnTick" : false
},
{
"startOnTick" : false,
"title" : {
"style" : {
"fontSize" : "1.0px",
"fontWeight" : "regular",
"color" : "black"
},
"text" : ""
},
"labels" : {
"formatter" : "( function () { var yValue = this.value; var formattedYValue = yValue.toFixed(1); return formattedYValue; })",
"style" : {
},
"enabled" : true
},
"endOnTick" : false,
"opposite" : true,
"lineWidth" : 1,
"visible" : true,
"gridLineWidth" : 0
}
],
"chart" : {
"panning" : true,
"type" : "area",
"pinchType" : "none",
"inverted" : false,
"scrollablePlotArea" : {
"minWidth" : 5400,
"scrollPositionX" : 0,
"opacity" : 1
}
},
"series" : [
{
"lineWidth" : 1,
"fillColor" : {
"stops" : [
[
0,
"rgba(255,135,25,0.8)"
],
[
0.5,
"rgba(255,135,25,0.3)"
],
[
1,
"rgba(255,135,25,0.0)"
]
],
"linearGradient" : {
"y2" : 1,
"y1" : 0,
"x2" : 0,
"x1" : 0
}
},
"fillOpacity" : 0.5,
"name" : "AC Power(On-grid)",
"data" : [
1768,
1770,
1767,
1766,
1766,
1769,
1769,
1767,
1768,
1767,
137,
1765,
1768,
1768,
1766,
1769,
1766,
1769,
1764,
1768,
1769,
1765,
1769,
1767,
1766,
1767,
1765,
1767,
1769,
1769,
1769,
1768,
1766,
1767,
1768,
1769,
1767,
1767,
1765,
1765,
1765,
1768,
1768,
1768,
1765,
1766,
1764,
1766,
1768,
1767,
1765,
1768,
1766,
1767,
1769,
1765,
1766,
1768,
1767,
1769,
1768,
1764,
1767,
1764,
1764,
1768,
1768,
1768,
1767,
1766,
1765,
1765,
1767,
1769,
1767,
1767,
1769,
1767,
1769,
1765,
1766,
1767,
1766,
1767,
1767,
1766,
1765,
1765,
1766,
1766,
42,
1767,
1763,
1768,
1769,
1770,
1766,
1773,
1773,
1770,
1771,
1774,
1776,
1774,
1775,
1778,
0,
1766,
1768,
1768,
1766,
1768,
1767,
1769,
1767,
1767,
1765,
1766,
1765,
1766,
1766,
1766,
1766,
1768,
1768,
1768,
1766,
1767,
1768,
1768,
1765,
1765,
1763,
1758,
1758,
1759,
1764,
1761,
1762,
1763,
1767,
1764,
29,
28,
28,
27,
27,
27,
28,
28,
32,
32,
32,
33,
33,
32,
31,
32,
32,
35,
1766,
1767,
1762,
1766,
1760,
1759,
1770,
1769,
1764,
1767,
1765,
1759,
1762,
1761,
1763,
1766,
1770,
1768,
1763,
1762,
1760,
1761,
1761,
1763,
1765,
1769,
1766,
1768,
1765,
1767,
1768,
1770,
1764,
1771,
1768,
1769,
1769,
1769,
1768,
1765,
1765,
1768,
1764,
1767,
1767,
1770,
1767,
1767,
1766,
1768,
1763,
1760,
1762,
1767,
33,
1775,
1775,
1774,
1773,
1774,
1774,
0,
1769,
1776,
1772,
1776,
1776,
1776,
1775,
1774,
1773,
1771,
1774,
1769,
1774,
1771,
1773,
1775,
1772,
1769,
1773,
1771,
1771,
1771,
1772,
1772,
1771,
1770,
1771,
1769,
1769,
1769,
1770,
1772,
1773,
1771,
1769,
1770,
1769,
1769,
1770,
1769,
1769,
1768,
1771,
1769,
1768,
1770,
1768,
1771,
1770,
1771,
1768,
1770,
1769,
1769,
1771,
1318
]
},
{
"data" : [
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.2,
6.1,
6.1,
6.2,
6.2,
6.2,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.2,
6.2,
6.2,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.2,
6.2,
6.2,
6.2,
6.2,
6.2,
6.2,
6.1,
6.1,
6.2,
6.1,
6.2,
6.1,
6.2,
6.1,
6.1,
6.2,
6.1,
6.2,
6.2,
6.2,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.2,
6.2,
6.1,
6.1,
6.2,
6.2,
6.1,
6.2,
6.1,
6.1,
6.2,
6.2,
6.1,
6.2,
6.2,
6.2,
6.1,
6.1,
6.2,
6.2,
6.2,
0,
6.1,
6,
6.1,
6.1,
6.1,
6,
6.1,
6.1,
6,
6.1,
6,
6.1,
6.1,
6,
6,
6.1,
6,
6.1,
6.1,
6,
6.1,
6.1,
6.1,
6.1,
6,
6.1,
6.1,
6,
6,
6,
6,
6.1,
6.1,
6.1,
6.1,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
6,
6,
6.1,
6,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.2,
6.1,
6.1,
6.2,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
0,
6.1,
6.1,
6.1,
6.1,
6.1,
6.2,
0.1,
6.2,
6.2,
6.2,
6.2,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6,
6.1,
6.1,
6.1,
6,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1,
6.1
],
"name" : "PV1 Current",
"lineWidth" : 1,
"fillOpacity" : 0.5,
"fillColor" : {
"stops" : [
[
0,
"rgba(255,202,92,0.8)"
],
[
0.5,
"rgba(255,202,92,0.3)"
],
[
1,
"rgba(255,202,92,0.0)"
]
],
"linearGradient" : {
"y2" : 1,
"x2" : 0,
"y1" : 0,
"x1" : 0
}
}
}
],
"xAxis" : {
"tickInterval" : 1,
"labels" : {
"enabled" : true
},
"visible" : true,
"title" : {
"text" : ""
},
"categories" : [
"00:00:01",
"00:05:03",
"00:10:04",
"00:15:01",
"00:20:01",
"00:25:02",
"00:30:02",
"00:35:03",
"00:40:03",
"00:45:02",
"00:50:03",
"00:55:02",
"01:00:02",
"01:05:03",
"01:15:02",
"01:20:04",
"01:25:02",
"01:30:03",
"01:35:02",
"01:40:03",
"01:45:02",
"01:50:03",
"01:55:02",
"02:00:01",
"02:15:04",
"02:20:02",
"02:25:03",
"02:30:04",
"02:35:01",
"02:40:02",
"02:45:01",
"02:50:03",
"02:55:01",
"03:00:04",
"03:05:02",
"03:10:03",
"03:15:01",
"03:20:02",
"03:25:04",
"03:30:02",
"03:35:02",
"03:40:03",
"03:45:01",
"03:50:02",
"03:55:03",
"04:00:02",
"04:05:03",
"04:10:01",
"04:15:01",
"04:20:03",
"04:25:04",
"04:30:01",
"04:35:03",
"04:40:01",
"04:45:02",
"04:55:03",
"05:00:02",
"05:05:03",
"05:10:04",
"05:15:04",
"05:20:01",
"05:25:03",
"05:30:03",
"05:35:03",
"05:40:02",
"05:45:03",
"05:50:03",
"05:55:04",
"06:00:01",
"06:05:04",
"06:10:01",
"06:15:02",
"06:20:02",
"06:25:04",
"06:30:01",
"06:35:02",
"06:40:03",
"06:45:02",
"06:50:04",
"06:55:01",
"07:00:04",
"07:05:01",
"07:10:03",
"07:15:03",
"07:20:03",
"07:25:02",
"07:30:03",
"07:35:04",
"07:40:02",
"07:45:02",
"07:50:04",
"07:55:02",
"08:05:02",
"08:10:02",
"08:15:04",
"08:20:04",
"08:25:04",
"08:30:03",
"08:35:04",
"08:40:03",
"08:45:04",
"08:50:04",
"08:55:02",
"09:00:02",
"09:05:02",
"09:10:03",
"09:20:03",
"09:25:03",
"09:30:02",
"09:35:04",
"09:40:03",
"09:45:02",
"09:50:01",
"10:00:02",
"10:10:03",
"10:15:02",
"10:20:02",
"10:25:02",
"10:30:02",
"10:35:01",
"10:40:03",
"10:45:03",
"10:50:02",
"10:55:04",
"11:00:01",
"11:05:04",
"11:10:03",
"11:15:02",
"11:20:03",
"11:25:03",
"11:30:02",
"11:35:02",
"11:40:02",
"11:45:04",
"11:50:03",
"11:55:02",
"12:00:02",
"12:05:02",
"12:10:04",
"12:15:02",
"12:20:01",
"12:25:04",
"12:30:03",
"12:35:02",
"12:40:04",
"12:45:03",
"12:50:04",
"12:55:03",
"13:00:02",
"13:05:03",
"13:10:02",
"13:15:01",
"13:20:02",
"13:25:02",
"13:30:03",
"13:35:02",
"13:40:02",
"13:45:01",
"13:50:03",
"13:55:03",
"14:00:01",
"14:10:01",
"14:15:03",
"14:20:04",
"14:25:02",
"14:30:02",
"14:35:03",
"14:40:03",
"14:45:03",
"14:50:01",
"14:55:01",
"15:00:03",
"15:05:02",
"15:10:02",
"15:15:04",
"15:20:03",
"15:25:02",
"15:30:01",
"15:35:02",
"15:40:02",
"15:45:01",
"15:50:02",
"15:55:03",
"16:00:02",
"16:05:02",
"16:10:03",
"16:15:01",
"16:20:04",
"16:25:02",
"16:30:03",
"16:35:02",
"16:40:04",
"16:45:03",
"16:50:03",
"16:55:02",
"17:00:02",
"17:05:01",
"17:10:03",
"17:15:02",
"17:20:02",
"17:25:03",
"17:30:02",
"17:35:01",
"17:40:04",
"17:45:04",
"17:50:02",
"17:55:04",
"18:00:03",
"18:05:03",
"18:10:02",
"18:15:04",
"18:20:02",
"18:25:03",
"18:30:02",
"18:35:04",
"18:40:04",
"18:45:03",
"18:50:02",
"18:55:03",
"19:00:02",
"19:05:04",
"19:10:03",
"19:15:02",
"19:20:04",
"19:25:02",
"19:30:04",
"19:35:03",
"19:40:02",
"19:45:04",
"19:50:04",
"19:55:03",
"20:00:03",
"20:05:04",
"20:10:03",
"20:15:01",
"20:20:04",
"20:25:03",
"20:30:04",
"20:35:03",
"20:40:02",
"20:45:02",
"20:50:03",
"20:55:02",
"21:00:03",
"21:05:02",
"21:10:01",
"21:15:03",
"21:20:01",
"21:25:03",
"21:30:03",
"21:35:01",
"21:40:04",
"21:45:02",
"21:50:03",
"21:55:01",
"22:00:04",
"22:05:02",
"22:10:03",
"22:15:02",
"22:20:03",
"22:25:01",
"22:30:04",
"22:35:01",
"22:40:06",
"22:45:04",
"22:50:03",
"22:55:03",
"23:00:02",
"23:05:07",
"23:10:01",
"23:15:03",
"23:20:02",
"23:30:02",
"23:35:04",
"23:40:03",
"23:45:02",
"23:50:02",
"23:55:02"
],
"tickWidth" : 0,
"min" : 0
},
"yAxis" : {
"title" : {
"text" : ""
},
"visible" : true,
"lineWidth" : 0,
"gridLineWidth" : 0.60000002384185791,
"labels" : {
"enabled" : true
}
},
"plotOptions" : {
"series" : {
"marker" : {
"enabled" : false
}
}
},
"tooltip" : {
"valueDecimals" : 1,
"shared" : true,
"enabled" : true
},
"colors" : [
"#FF8719",
"#FFCB5C"
],
"title" : {
"text" : ""
}
}