billboard.js
billboard.js copied to clipboard
Published
20 hours ago •
naver
naver
Bug with Firefox point hover
Description
I am experiencing a bug that I have been trying to solve for a while now. I have a page containing multiple charts, one of them has a very large number of data points and uses the dragzoom functionality. However, in Firefox the point hover only works for the first few data points and you are also only able to start zooming in/out from this area. It works perfectly in Chrome and Edge (although in Edge the lines overflow outside the chart?).
Steps to check or reproduce
Billboard version: 1.12.5 Firefox version: 75.0 Edge is non-chromium version.
I have created a reproducer which you can try below (sorry it is so long!). Note that if you remove the other charts it starts working again, and sometimes if you get your browser/the chart the right size it will work so maybe it is some sort of scaling issue?
<html>
<link rel="stylesheet" href="./billboard.min.css">
<script src="./d3.v5.min.js"></script>
<script src="./billboard.min.js"></script>
<body>
<div id="content" style="width: 60%; min-width: 960px; max-width: 1200px; margin-left: auto; margin-right: auto;">
<div id='dragZoom'></div>
<div id='dragZoom2'></div>
<div id='dragZoom3'></div>
</div>
<script type="text/javascript">
var chart = bb.generate({
data: {
x: 'x',
columns: [
["x",
10345,
14838,
14908,
14982,
15011,
15047,
15084,
15114,
15147,
15183,
15210,
15239,
15267,
15295,
15323,
15352,
15379,
15408,
15437,
15464,
15502,
15527,
15557,
15586,
15614,
15643,
15671,
15701,
15729,
15759,
15786,
15817,
15844,
15874,
15904,
15931,
15962,
16000,
16027,
16064,
16094,
16125,
16154,
16185,
16217,
16248,
16278,
16308,
16338,
16368,
16399,
16429,
16460,
16501,
16530,
16559,
16590,
16619,
16650,
16680,
16710,
16740,
16771,
16801,
16831,
16861,
16893,
16923,
16954,
16990,
17020,
17053,
17083,
17112,
17142,
17174,
17204,
17234,
17265,
17295,
17326,
17355,
17387,
17418,
17448,
17480,
17511,
17541,
17572,
17601,
17633,
17663,
17694,
17726,
17756,
17787,
17819,
17850,
17878,
17908,
17938,
17974,
18003,
18033,
18062,
18092,
18122,
18153,
18183,
18215,
18246,
18277,
18314,
18343,
18373,
18404,
18434,
18472,
18500,
18541,
18571,
18598,
18627,
18652,
18679,
18710,
18749,
18778,
18807,
18839,
18868,
18896,
18935,
18965,
18993,
19032,
19064,
19095,
19122,
19151,
19179,
19208,
19237,
19268,
19296,
19326,
19355,
19385,
19414,
19444,
19474,
19505,
19536,
19565,
19595,
19626,
19656,
19686,
19718,
19749,
19781,
19813,
19845,
19878,
19911,
19942,
19975,
20007,
20040,
20073,
20104,
20138,
20171,
20202,
20235,
20269,
20302,
20335,
20366,
20400,
20432,
20466,
20498,
20531,
20565,
20600,
20632,
20665,
20698,
20732,
20765,
20799,
20831,
20864,
20898,
20931,
20964,
20998,
21030,
21064,
21098,
21132,
21167,
21198,
21232,
21265,
21296,
21329,
21360,
21393,
21424,
21455,
21487,
21518,
21550,
21583,
21616,
21648,
21682,
21716,
21750,
21784,
21819,
21854,
21887,
21922,
21955,
21990,
22023,
22057,
22091,
22125,
22159,
22193,
22227,
22262,
22297,
22329,
22363,
22397,
22431,
22465,
22498,
22530,
22564,
22597,
22631,
22665,
22698,
22731,
22764,
22797,
22830,
22864,
22896,
22929,
22962,
22996,
23028,
23062,
23093,
23126,
23160,
23192,
23217,
23243,
23271,
23298,
23326,
23353,
23380,
23407,
23435,
23462,
23489,
23515,
23544,
23570,
23598,
23626,
23654,
23680,
23708,
23735,
23762,
23789,
23816,
23843,
23870,
23898,
23927,
23956,
23979,
24005,
24031,
24058,
24083,
24109,
24135,
24163,
24189,
24216,
24244,
24270,
24298,
24325,
24353,
24381,
24410,
24438,
24464,
24493,
24521,
24548,
24577,
24604,
24631,
24659,
24686,
24713,
24740,
24767,
24795,
24822,
24849,
24882,
24910,
24941,
24975,
25006,
25037,
25070,
25101,
25132,
25164,
25196,
25228,
25260,
25291,
25322,
25352,
25384,
25416,
25448,
25479,
25511,
25542,
25572,
25603,
25634,
25665,
25699,
25729,
25763,
25795,
25827,
25857,
25891,
25922,
25953,
25985,
26017,
26049,
26081,
26113,
26145,
26177,
26209,
26241,
26271,
26305,
26335,
26368,
26400,
26431,
26464,
26497,
26529,
26561,
26594,
26626,
26656,
26689,
26722,
26755,
26787,
26819,
26850,
26882,
26915,
26945,
26977,
27008,
27039,
27072,
27103,
27136,
27168,
27199,
27232,
27263,
27296,
27330,
27362,
27394,
27426,
27458,
27491,
27524,
27555,
27587,
27619,
27651,
27688,
27720,
27751,
27782,
27813,
27847,
27878,
27911,
27943,
27975,
28008,
28040,
28071,
28104,
28135,
28167,
28200,
28232,
28264,
28295,
28327,
28359,
28392,
28423,
28456,
28487,
28519,
28551,
28582,
28613,
28646,
28679,
28711,
28743,
28775,
28808,
28839,
28870,
28903,
28935,
28968,
29001,
29033,
29065,
29096,
29129,
29162,
29194,
29227,
29259,
29290,
29323,
29354,
29386,
29419,
29451,
29482,
29515,
29547,
29578,
29611,
29643,
29675,
29706,
29739,
29771,
29804,
29838,
29876,
29909,
29949,
29983,
30016,
30051,
30085,
30119,
30160,
30195,
30228,
30263,
30297,
30332,
30366,
30400,
30434,
30468,
30502,
30536,
30570,
30606,
30641,
30676,
30710,
30746,
30779,
30813,
30847,
30882,
30917,
30950,
30983,
31018,
31052,
31087,
31121,
31156,
31190,
31223,
31257,
31290,
31326,
31359,
31395,
31431,
31465,
31500,
31536,
31569,
31604,
31638,
31672,
31705,
31740,
31775,
31809,
31843,
31877,
31912,
31948,
31981,
32015,
32048,
32083,
32116,
32152,
32187,
32222,
32257,
32290,
32319,
32349,
32372,
32399,
32425,
32453,
32479,
32506,
32532,
32559,
32586,
32612,
32639,
32666,
32693,
32719,
32745,
32773,
32798,
32826,
32852,
32879,
32905,
32932,
32959,
32986,
33011,
33038,
33066,
33092,
33119,
33146,
33171,
33198,
33226,
33253,
33278,
33304,
33331,
33358,
33384,
33410,
33437,
33464,
33491,
33517,
33544,
33570,
33596,
33622,
33650,
33675,
33702,
33732,
33756,
33778,
33805,
33832,
33858,
33884,
33910,
33936,
33964,
33991,
34014,
34042,
34067,
34095,
34120,
34146,
34173,
34197,
34222,
34249,
34276,
34299,
34327,
34351,
34376,
34401,
34427,
34452,
34477,
34502,
34527,
34555,
34579,
34604,
34628,
34652,
34678,
34703,
34726,
34752,
34776,
34800,
34825,
34849,
34875,
34899,
34925,
34951,
34976,
35001,
35026,
35052,
35078,
35104,
35131,
35157,
35186,
35213,
35240,
35268,
35295,
35324,
35351,
35379,
35408,
35437,
35466,
35493,
35522,
35550,
35579,
35607,
35637,
35666,
35695,
35724,
35752,
35782,
35811,
35842,
35871,
35901,
35929,
35959,
35990,
36019,
36050,
36079,
36116,
36148,
36172,
36205,
36236,
36270,
36300,
36330,
36360,
36390,
36419,
36450,
36480,
36510,
36540,
36574,
36629,
36662,
36701,
36741,
36778,
36811,
36846,
36879,
36911,
36946,
36979,
37012,
37047,
37079,
37111,
37147,
37180,
37213,
37247,
37278,
37313,
37345,
37379,
37411,
37445,
37478,
37510,
37545,
37578,
37611,
37643,
37676,
37708,
37741,
37773,
37807,
37839,
37872,
37904,
37937,
37970,
38004,
38034,
38067,
38099,
38131,
38164,
38197,
38229,
38261,
38294,
38326,
38359,
38391,
38424,
38455,
38487,
38518,
38551,
38583,
38616,
38647,
38675,
38706,
38737,
38768,
38799,
38831,
38862,
38893,
38925,
38955,
38990,
39022,
39049,
39080,
39110,
39142,
39171,
39201,
39233,
39262,
39292,
39326,
39356,
39383,
39414,
39442,
39473,
39503,
39533,
39561,
39591,
39620,
39649,
39679,
39708,
39737,
39766,
39796,
39824,
39853,
39882,
39912,
39940,
39969,
39998,
40027,
40057,
40085,
40114,
40143,
40171,
40201,
40231,
40262,
40290,
40320,
40351,
40382,
40412,
40446,
40475,
40506,
40537,
40568,
40599,
40629,
40662,
40693,
40730,
40763,
40791,
40826,
40859,
40895,
40927,
40960,
40995,
41027,
41063,
41096,
41129,
41164,
41197,
41230,
41263,
41297,
41330,
41363,
41395,
41430,
41462,
41495,
41527,
41561,
41593,
41626,
41659,
41697,
41729,
41765,
41797,
41831,
41866,
41899,
41935,
41968,
42002,
42035,
42070,
42104,
42139,
42172,
42206,
42239,
42274,
42307,
42342,
42376,
42411,
42444,
42479,
42513,
42547,
42581,
42615,
42650,
42684,
42718,
42753,
42787,
42816,
42856,
42890,
42925,
42959,
42994,
43029,
43063,
43094,
43127,
43169,
43202,
43238,
43273,
43307,
43340,
43375,
43410,
43444,
43472,
43507,
43541,
43577,
43607,
43641,
43674,
43706,
43739,
43773,
43806,
43838,
43871,
43903,
43934,
43968,
43999,
44034,
44066,
44098,
44131,
44162,
44196,
44227,
44263,
44294,
44327,
44361,
44391,
44426,
44459,
44491,
44524,
44557,
44592,
44626,
44657,
44690,
44726,
44756,
44790,
44822,
44855,
44886,
44919,
44949,
44982,
45013,
45044,
45076,
45107,
45140,
45172,
45203,
45234,
45264,
45296,
45326,
45358,
45387,
45417,
45447,
45477,
45505,
45535,
45565,
45594,
45622,
45653,
45680,
45709,
45738,
45765,
45794,
45824,
45851,
45879,
45909,
45935,
45963,
45991,
46018,
46045,
46073,
46100,
46135,
46161,
46186,
46215,
46242,
46274,
46300,
46329,
46357,
46387,
46416,
46444,
46473,
46503,
46531,
46564,
46594,
46623,
46653,
46682,
46713,
46744,
46775,
46808,
46837,
46872,
46898,
46929,
46960,
46991,
47020,
47050,
47082,
47113,
47145,
47175,
47205,
47235,
47265,
47297,
47328,
47357,
47388,
47418,
47451,
47480,
47510,
47540,
47571,
47601,
47630,
47662,
47693,
47723,
47753,
47783,
47814,
47846,
47875,
47906,
47937,
47966,
47995,
48026,
48055,
48086,
48115,
48146,
48176,
48205,
48237,
48268,
48299,
48341,
48372,
48402,
48432,
48463,
48493,
48522,
48550,
48580,
48609,
48638,
48667,
48698,
48725,
48753,
48783,
48811,
48839,
48869,
48898,
48926,
48954,
48983,
49013,
49042,
49070,
49099,
49129,
49158,
49183,
49212,
49240,
49269,
49297,
49327,
49355,
49383,
49411,
49441,
49468,
49497,
49527,
49554,
49583,
49612,
49640,
49669,
49698,
49727,
49754,
49783,
49813,
49841,
49870,
49898,
49927,
49957,
49986,
50015,
50044,
50074,
50103,
50133,
50161,
50191,
50220,
50250,
50278,
50308,
50337,
50366,
50394,
50425,
50454,
50483,
50512,
50541,
50570,
50599,
50628,
50657,
50686,
50714,
50742,
50770,
50799,
50827,
50857,
50884,
50913,
50942,
50971,
50999,
51030,
51057,
51086,
51116,
51144,
51173,
51202,
51229,
51258,
51287,
51316,
51343,
51372,
51402,
51430,
51457,
51486,
51514,
51543,
51572,
51599,
51628,
51656,
51685,
51713,
51741,
51770,
51797,
51825,
51854,
51882,
51910,
51938,
51966,
51994,
52023,
52051,
52079,
52106,
52135,
52163,
52191,
52219,
52248,
52280,
52305,
52334,
52367,
52399,
52432,
52463,
52497,
52527,
52560,
52592,
52623,
52655,
52687,
52718,
52750,
52781,
52814,
52845,
52877,
52908,
52940,
52972,
53003,
53035,
53066,
53098,
53130,
53162,
53194,
53226,
53258,
53289,
53322,
53356,
53387,
53417,
53448,
53479,
53513,
53544,
53575,
53607,
53638,
53678,
53712,
53743,
53775,
53806,
53839,
53873,
53905,
53936,
53969,
54002,
54033,
54065,
54098,
54132,
54163,
54198,
54230,
54264,
54294,
54329,
54362,
54396,
54428,
54461,
54495,
54529,
54558,
54584,
54613,
54642,
54671,
54699,
54727,
54761,
54786,
54815,
54846,
54877,
54906,
54935,
54966,
54996,
55026,
55055,
55085,
55116,
55146,
55177,
55207,
55238,
55267,
55298,
55328,
55357,
55387,
55418,
55449,
55479,
55510,
55541,
55569,
55602,
55633,
55662,
55691,
55722,
55753,
55784,
55813,
55844,
55875,
55908,
55936,
55967,
56000,
56029,
56061,
56093,
56125,
56159,
56189,
56222,
56255,
56289,
56318,
56350,
56386,
56415,
56446,
56479,
56512,
56546,
56581,
56612,
56647,
56679,
56713,
56747,
56781,
56815,
56849,
56882,
56915,
56950,
56983,
57016,
57049,
57083,
57115,
57150,
57182,
57216,
57250,
57282,
57316,
57351,
57384,
57418,
57452,
57486,
57519,
57553,
57588,
57623,
57656,
57691,
57726,
57760,
57795,
57829,
57863,
57898,
57933,
57966,
58002,
58036,
58071,
58104,
58138,
58171,
58204,
58238,
58270,
58304,
58339,
58373,
58406,
58440,
58474,
58503,
58526,
58549,
58574,
58597,
58621,
58644,
58669,
58693,
58717,
58742,
58766,
58789,
58813,
58838,
58861,
58885,
58908,
58932,
58956,
58980,
59004,
59030,
59051,
59076,
59099,
59123,
59148,
59170,
59195,
59220,
59243,
59266,
59292,
59317,
59338,
59362,
59386,
59409,
59433,
59458,
59481,
59505,
59528,
59552,
59577,
59599,
59625,
59646,
59670,
59693,
59720,
59741,
59766,
59789,
59812,
59835,
59861,
59883,
59907,
59931,
59955,
59978,
60002,
60025,
60049,
60072,
60096,
60119,
60143,
60168,
60190,
60214,
60238,
60261,
60285,
60308,
60333,
60358,
60382,
60404,
60426,
60451,
60474,
60503,
60528,
60555,
60581,
60609,
60634,
60664,
60689,
60717,
60746,
60773,
60801,
60829,
60855,
60883,
60910,
60938,
60965,
60992,
61019,
61048,
61075,
61102,
61130,
61157,
61185,
61214,
61242,
61268,
61296,
61324,
61350,
61378,
61408,
61433,
61460,
61488,
61517,
61545,
61574,
61601,
61629,
61657,
61684,
61710,
61739,
61767,
61793,
61821,
61848,
61876,
61903,
61932,
61959,
61986,
62014,
62041,
62069,
62096,
62124,
62153,
62180,
62208,
62237,
62264,
62293,
62319,
62346,
62372,
62400,
62430,
62456,
62483,
62512,
62533,
62557,
62583,
62613,
62644,
62671,
62699,
62729,
62758,
62787,
62818,
62846,
62877,
62910,
62943,
62973,
63006,
63039,
63071,
63103,
63135,
63166,
63199,
63232,
63265,
63298,
63327,
63359,
63392,
63424,
63455,
63488,
63519,
63551,
63582,
63615,
63648,
63678,
63710,
63741,
63771,
63804,
63835,
63866,
63898,
63926,
63955,
63984,
64013,
64041,
64071,
64099,
64129,
64164,
64191,
64216,
64241,
64267,
64295,
64320,
64345,
64371,
64396,
64422,
64448,
64474,
64501,
64527,
64552,
64578,
64604,
64631,
64658,
64684,
64709,
64736,
64761,
64789,
64815,
64841,
64867,
64893,
64928,
64948,
64971,
64998,
65023,
65050,
65077,
65102,
65128,
65154,
65186,
65211,
65236,
65262,
65289,
65314,
65340,
65366,
65392,
65418,
65446,
65472,
65496,
65521,
65547,
65570,
65595,
65620,
65645,
65671,
65694,
65720,
65746,
65770,
65798,
65823,
65849,
65874,
65900,
65926,
65952,
65978,
66004,
66030,
66055,
66082,
66108,
66132,
66159,
66183,
66210,
66236,
66261,
66286,
66313,
66338,
66365,
66390,
66415,
66442,
66467,
66496,
66522,
66546,
66574,
66598,
66622,
66647,
66671,
66697,
66722,
66746,
66774,
66798,
66823,
66848,
66873,
66900,
66925,
66952,
66977,
67003,
67028,
67055,
67082,
67111,
67138,
67164,
67196,
67219,
67246,
67273,
67299,
67326,
67354,
67381,
67408,
67435,
67463,
67490,
67517,
67544,
67572,
67600,
67626,
67654,
67682,
67710,
67735,
67763,
67789,
67817,
67843,
67871,
67898,
67925,
67952,
67979,
68006,
68033,
68060,
68087,
68115,
68142,
68169,
68197,
68224,
68251,
68278,
68305,
68333,
68359,
68386,
68414,
68441,
68468,
68496,
68523,
68550,
68578,
68604,
68632,
68659,
68687,
68716,
68742,
68769,
68797,
68824,
68851,
68877,
68904,
68930,
68956,
68982,
69008,
69034,
69059,
69084,
69109,
69134,
69159,
69183,
69208,
69232,
69255,
69280,
69304,
69329,
69354,
69383,
69408,
69434,
69458,
69486,
69514,
69542,
69569,
69598,
69625,
69652,
69681,
69708,
69737,
69763,
69791,
69819,
69845,
69875,
69902,
69929,
69957,
69986,
70011,
70039,
70067,
70093,
70122,
70148,
70176,
70200,
70227,
70255,
70281,
70309,
70336,
70364,
70390,
70418,
70445,
70475,
70501,
70529,
70557,
70584,
70607,
70632,
70656,
70681,
70706,
70734,
70762,
70789,
70817,
70845,
70873,
70903,
70928,
70949,
70977,
71012,
71039,
71068,
71097,
71119,
71149,
71178,
71212,
71234,
71269,
71298,
71328,
71356,
71386,
71414,
71443,
71472,
71501,
71529,
71556,
71583,
71608,
71635,
71659,
71687,
71713,
71738,
71766,
71791,
71818,
71843,
71870,
71898,
71924,
71950,
71976,
72002,
72030,
72057,
72083,
72111,
72138,
72165,
72191,
72219,
72244,
72273,
72301,
72328,
72355,
72382,
72409,
72436,
72463,
72489,
72516,
72543,
72572,
72599,
72625,
72653,
72681,
72708,
72737,
72765,
72794,
72820,
72847,
72875,
72903,
72931,
72959,
72987,
73014,
73043,
73070,
73099,
73128,
73155,
73184,
73212,
73240,
73268,
73296,
73324,
73353,
73379,
73409,
73436,
73464,
73493,
73521,
73549,
73577,
73605,
73633,
73662,
73690,
73717,
73745,
73773,
73802,
73829,
73856,
73885,
73911,
73938,
73965,
73992,
74019,
74047,
74074,
74101,
74128,
74155,
74181,
74207,
74235,
74261,
74288,
74318,
74344,
74373,
74401,
74430,
74458,
74485,
74513,
74541,
74572,
74600,
74629,
74661,
74692,
74724,
74755,
74787,
74819,
74848,
74875,
74904,
74931,
74960,
74989,
75017,
75045,
75073,
75103,
75130,
75159,
75187,
75217,
75245,
75274,
75304,
75333,
75362,
75391,
75422,
75451,
75481,
75510,
75541,
75570,
75600,
75629,
75659,
75689,
75718,
75747,
75781,
75816,
75841,
75868,
75896,
75924,
75952,
75980,
76008,
76036,
76065,
76093,
76121,
76149,
76178,
76206,
76234,
76262,
76290,
76318,
76346,
76374,
76402,
76430,
76458,
76486,
76514,
76541,
76569,
76597,
76626,
76652,
76681,
76709,
76737,
76766,
76793,
76821,
76848,
76878,
76909,
76940,
76970,
76998,
77026,
77053,
77081,
77108,
77138,
77168,
77199,
77229,
77257,
77285,
77312,
77340,
77367,
77394,
77422,
77450,
77479,
77510,
77539,
77572,
77599,
77626,
77654,
77682,
77708,
77736,
77766,
77796,
77826,
77857,
77882,
77910,
77937,
77965,
77993,
78020,
78050,
78080,
78110,
78143,
78169,
78197,
78224,
78251,
78279,
78307,
78334,
78364,
78394,
78424,
78454,
78483,
78511,
78538,
78568,
78598,
78629,
78659,
78688,
78717,
78749,
78778,
78808,
78838,
78868,
78899,
78929,
78958,
78989,
79018,
79048,
79079,
79107,
79133,
79161,
79191,
79220
],
["FPS",
20.25135165893495,
25.612243376381308,
22.955100519238453,
24.25239781653575,
21.35584609239782,
23.417358244944452,
20.760215387801594,
22.057512685098892,
19.16096096096096,
18.605405405405406,
19,
25,
27.4,
30,
31.8,
33,
33.8,
34.4,
34.8,
35,
35,
34.6,
34.4,
34.2,
33.8,
33.4,
33.4,
33.6,
33.6,
33.8,
34,
34.2,
34,
34,
34,
34,
34,
34,
33.6,
33,
32.4,
31.8,
31.2,
30.8,
30.8,
31,
31.2,
31.4,
31.8,
32,
32,
32.2,
32.4,
32.4,
32.2,
32,
31.6,
31.2,
31,
31,
31.4,
31.8,
32.2,
32.6,
33,
33,
32.8,
32.6,
32.4,
32.2,
31.8,
31.6,
31.4,
31.2,
31,
31,
31.2,
31.4,
31.6,
31.8,
32,
32,
32,
32.2,
32.2,
32.4,
32.4,
32.4,
32.2,
32.2,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32.2,
32.4,
32.4,
32.4,
32.4,
32.2,
32,
32,
32,
32.2,
32.2,
32.2,
32,
31.8,
31.4,
31.2,
31,
31,
31.2,
31.4,
31.2,
31,
31,
30.8,
31,
31.6,
32.2,
32.6,
33,
32.8,
32.4,
32,
32,
31.8,
31.8,
31.8,
31.6,
31,
30.8,
30.8,
31,
31.6,
32.4,
33,
33.4,
33.8,
34,
34,
34,
33.8,
33.6,
33.4,
33.2,
33,
33,
33,
32.8,
32.6,
32.4,
32.2,
32,
32,
31.8,
31.6,
31.4,
31.2,
30.8,
30.6,
30.4,
30.2,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
29.8,
29.6,
29.6,
29.6,
29.6,
29.8,
30,
30,
30,
30,
30,
30,
29.8,
29.6,
29.4,
29.2,
29.2,
29.4,
29.6,
29.8,
30,
30.2,
30.4,
30.6,
30.8,
31,
31,
31,
31,
30.8,
30.6,
30.4,
30,
29.6,
29.4,
29.2,
29,
28.8,
28.8,
28.8,
28.8,
28.8,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29.2,
29.2,
29.2,
29.4,
29.6,
29.6,
29.8,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30.2,
30.6,
31.2,
32,
33,
34,
34.8,
35.4,
35.8,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36.2,
36.4,
36.6,
37,
37.4,
37.6,
37.8,
37.8,
37.6,
37.4,
37.2,
36.8,
36.8,
36.6,
36.4,
36.2,
36.2,
35.8,
35.6,
35.4,
35.2,
35,
35,
35,
35.2,
35.4,
35.6,
35.8,
36,
36,
36,
36,
36.2,
36.2,
36,
35.6,
35,
34,
33,
32.2,
31.6,
31.2,
31,
31,
31,
31,
31,
31,
31,
31.2,
31.2,
31.2,
31.2,
31.2,
31,
31,
31.2,
31.4,
31.6,
31.6,
31.6,
31.4,
31.2,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
30.8,
30.6,
30.4,
30.4,
30.4,
30.6,
30.8,
31,
31,
30.8,
30.6,
30.6,
30.6,
30.6,
30.8,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
30.8,
30.6,
30.4,
30.2,
30.2,
30.4,
30.6,
30.6,
30.8,
30.6,
30.4,
30.2,
30.2,
30,
30,
30.2,
30.4,
30.4,
30.6,
30.8,
30.6,
30.6,
30.8,
30.8,
30.8,
31,
31,
30.8,
30.8,
30.8,
30.8,
30.8,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
30.8,
30.8,
30.6,
30.6,
30.6,
30.8,
30.8,
30.8,
30.6,
30.4,
30.4,
30.2,
30.2,
30.4,
30.6,
30.4,
30.4,
30.4,
30.4,
30.4,
30.6,
30.8,
31,
31,
31,
30.8,
30.8,
30.8,
30.8,
30.8,
31,
31,
30.8,
30.6,
30.4,
30,
29.4,
29,
28.6,
28.2,
28,
28,
28,
28,
28,
28,
28,
28,
28.2,
28.4,
28.6,
28.8,
29,
29,
29,
28.8,
28.6,
28.4,
28.2,
28,
28,
28.2,
28.4,
28.6,
28.8,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
28.8,
28.6,
28.4,
28.2,
28,
28,
28.2,
28.4,
28.6,
28.8,
29,
29,
29,
28.8,
28.6,
28.4,
28.2,
28,
28.2,
28.4,
28.6,
28.8,
29,
28.8,
28.8,
28.6,
28.6,
28.8,
29.6,
30.4,
31.6,
33,
34.4,
35.4,
36.2,
36.8,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37,
37.2,
37.4,
37.6,
37.8,
38,
38.2,
38.2,
38,
38,
38,
37.8,
37.8,
38,
38,
38,
38,
38,
38,
38,
38,
38.2,
38.4,
38.6,
38.8,
39,
39,
39,
39,
39,
39,
39,
39,
39,
39,
39.2,
39.4,
39.6,
39.8,
40,
40,
40,
40,
40,
40,
40,
40,
40,
40,
40,
39.8,
39.6,
39.4,
39,
38.6,
38.2,
37.8,
37.4,
37.2,
37,
36.8,
36.6,
36.4,
36.2,
35.8,
35.6,
35.4,
35.2,
35,
35,
35,
35,
35,
34.8,
34.6,
34.4,
34.2,
34,
34,
34,
34,
34,
33.8,
33.6,
33.4,
33.2,
33,
33,
33,
33,
32.8,
32.6,
32.2,
32,
31.6,
31.4,
31.2,
31.4,
31.4,
31.6,
32,
32.4,
32.6,
32.8,
32.8,
32,
31,
29.6,
28.2,
26.8,
26,
25.8,
26,
26.6,
27.4,
28.2,
28.6,
29,
29,
29,
29.2,
29.2,
29.4,
29.6,
29.8,
29.8,
29.8,
29.8,
29.8,
29.8,
29.8,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30.2,
30.4,
30.6,
30.8,
31,
31,
31,
31,
31,
31,
31,
31,
31.2,
31.2,
31.2,
31.2,
31.4,
31.2,
31.4,
31.6,
31.8,
31.8,
32,
32,
32,
32,
32.2,
32.4,
32.4,
32.4,
32.6,
32.6,
32.6,
32.8,
33,
33,
33,
33,
33,
33.2,
33.4,
33.6,
33.8,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
33.8,
33.6,
33.4,
33,
32.6,
32.4,
32.2,
32,
32,
32,
32,
32,
32,
31.8,
31.6,
31.4,
31.2,
30.8,
30.6,
30.4,
30.2,
29.8,
29.6,
29.4,
29.2,
29,
29,
29,
29,
29,
29,
29,
29.2,
29.4,
29.6,
29.8,
30,
30,
30,
30,
30,
30,
30,
29.8,
29.6,
29.4,
29.2,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
28.8,
28.6,
28.4,
28.2,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28.2,
28.4,
28.6,
28.8,
29,
29,
29,
29.2,
29.4,
29.6,
29.8,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
29.8,
29.8,
29.6,
29.4,
29.4,
29.6,
29.6,
29.8,
30,
30,
30.2,
30.4,
30.6,
30.8,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31.2,
31.4,
31.6,
31.8,
32,
32.2,
32.4,
32.6,
32.8,
33.2,
33.4,
33.6,
33.8,
34,
34,
34,
34,
34.2,
34.4,
34.6,
34.8,
35,
35,
35,
35.2,
35.4,
35.6,
35.8,
36,
36,
36,
36,
36,
35.8,
35.6,
35.2,
34.8,
34.4,
34.2,
34,
34,
34,
34,
34,
34,
33.8,
33.6,
33.4,
33.2,
33,
32.8,
32.6,
32.4,
32.2,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32.2,
32.4,
32.4,
32.4,
32.4,
32.2,
32,
32,
32,
32,
32,
32,
32.2,
32.4,
32.6,
32.8,
33,
33,
33,
33,
33,
33,
33,
32.4,
31.8,
31.2,
30.6,
30,
30,
30.6,
31.2,
31.8,
32.4,
33.2,
33.4,
33.6,
33.8,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34.2,
34.4,
34.6,
34.8,
34.8,
34.8,
34.6,
34.4,
34.4,
34.4,
34.4,
34.4,
34.4,
34.2,
34.2,
34.2,
34.2,
34.2,
34.2,
34.2,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34.2,
34.4,
34.6,
34.8,
35,
35,
35,
34.8,
34.6,
34.4,
34.2,
34,
34,
34,
34,
34.2,
34.4,
34.6,
34.8,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
34.8,
34.6,
34.2,
33.6,
32.8,
32.2,
31.6,
31.2,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
30.8,
30.6,
30.4,
30.2,
30,
30,
30,
30.2,
30.4,
30.6,
30.8,
31,
31,
30.8,
30.6,
30.4,
30.2,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30.2,
30.6,
31.2,
32,
32.8,
33.6,
34,
34.2,
34.2,
34.2,
34,
34,
34,
33.8,
33.6,
33.4,
33.2,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
32.8,
32.6,
32.4,
32.2,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
32,
31.8,
31.6,
31.4,
31.2,
31,
31,
31,
31,
31,
31,
31,
30.8,
30.6,
30.4,
30.2,
29.8,
29.6,
29.4,
29.2,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29.2,
29.2,
29.2,
29.2,
29.2,
29,
29,
29.2,
29.2,
29.2,
29.2,
29.2,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
28.8,
28.8,
28.8,
28.8,
28.8,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29,
29.4,
30,
31,
32.4,
34.4,
36.4,
38.2,
39.6,
40.6,
41,
41,
41,
41,
41,
41,
41,
41,
41,
41,
41,
41.2,
41.2,
41.2,
41.2,
41.2,
41,
41,
41,
41,
41,
41,
41,
41,
41,
41,
41,
41,
41.2,
41.2,
41.2,
41.2,
41.4,
41.4,
41.6,
41.8,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
42,
41.8,
41.4,
41,
40.2,
39.4,
38.4,
37.6,
36.8,
36.4,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
35.8,
35.6,
35.4,
35.2,
35,
35.2,
35.4,
35.6,
35.8,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
35.8,
35.6,
35.6,
35.6,
35.6,
35.8,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
35.8,
35.6,
35.4,
35,
34.6,
34.4,
34.2,
34,
33.8,
33.6,
33.2,
32.8,
32.2,
31.8,
31.4,
31.2,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31,
31.2,
31.4,
31.8,
32.2,
32.8,
33.2,
33.6,
33.8,
34,
34,
34.2,
34.6,
35,
35.6,
36.2,
36.8,
37.2,
37.6,
37.8,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
37.8,
37.6,
37.6,
37.6,
37.6,
37.8,
38,
38,
38,
38,
38,
37.8,
37.6,
37.4,
37.2,
37,
37,
37.2,
37.4,
37.6,
37.8,
38,
38,
38,
38.2,
38.4,
38.6,
39,
39.4,
39.6,
39.8,
40,
39.8,
39.6,
39.4,
39.2,
39,
38.8,
38.6,
38.4,
38.2,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38,
38.2,
38.4,
38.4,
38.6,
38.8,
39,
39,
39.4,
39.6,
39.8,
39.6,
39.6,
39.4,
39.2,
39,
39,
39,
38.8,
38.6,
38.4,
38.2,
38,
38,
37.8,
37.6,
37.4,
37,
36.6,
36.4,
36.2,
36,
36,
36,
36.2,
36.2,
36.2,
36.2,
36.2,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36.2,
36.2,
36.2,
36.2,
36.2,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36,
36.2,
36.4,
36.6,
37,
37.4,
37.6,
37.8,
38.2,
38.4,
38.6,
38.8,
39.2,
39.4,
39.6,
39.8,
40,
40,
40,
40,
40,
40,
40,
39.8,
39.4,
39,
38.4,
37.6,
36.8,
36.2,
35.6,
35.4,
35.2,
35.4,
35.6,
35.8,
35.8,
35.8,
35.6,
35.6,
35.6,
35.4,
35.6,
35.8,
35.8,
35.8,
36,
36,
36,
36.2,
36.4,
36.6,
36.8,
37,
37,
36.8,
36.6,
36.4,
36.2,
36,
36,
35.8,
35.6,
35.4,
35.4,
35.4,
35.8,
36.4,
37,
37.4,
37.8,
38,
37.8,
37.4,
37,
36.6,
36.4,
36.4,
36.6,
36.8,
37,
36.8,
36.4,
36,
35.6,
35,
34.6,
34.4,
34.2,
34,
34,
34,
34,
34,
34,
34,
34,
34,
34.2,
34.4,
34.8,
35.2,
35.8,
36.4,
37,
37.4,
37.8,
38,
37.8,
37.8,
37.8,
37.6,
37.6,
37.6,
37.4,
37.2,
37.2,
37,
37,
37,
37,
36.8,
36.8,
36.8,
36.8,
36.8,
37,
37,
37,
37,
36.8,
36.6,
36.6,
36.6,
36.6,
36.8,
37,
36.8,
36.6,
36.4,
36.2,
36,
36,
36,
36,
36,
36,
36,
36,
36,
35.8,
35.6,
35.4,
35.2,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35.2,
35.4,
35.6,
35.8,
36,
36,
36,
36,
36,
36,
36,
36.2,
36.4,
36.6,
36.8,
37,
37,
37,
37,
37,
36.8,
36.4,
36,
35.6,
35.2,
35,
34.8,
34.6,
34.2,
33.8,
33.2,
32.8,
32.4,
32,
31.8,
31.8,
32,
32.2,
32.8,
33.4,
34,
34.4,
34.8,
35,
35,
35,
35,
35,
34.8,
34.6,
34.4,
34.2,
34,
34,
34,
34,
33.8,
33.6,
33.4,
33.2,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33.2,
33.6,
34,
34.4,
34.8,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
35,
34.8,
34.6,
34.2,
33.8,
33.4,
33.4,
33.4,
33.8,
34.2,
34.4,
34.4,
34.4,
34.2,
34,
34,
34.2,
34.4,
34.8,
35.2,
35.6,
35.6,
35.6,
35.2,
34.8,
34.2,
34,
33.8,
34,
34.2,
34.8,
35,
35.2,
35,
34.8,
34.4,
34.2,
34.2,
34.4,
34.8,
35.2,
35.4,
35.4,
35.2,
34.8,
34.4,
34.2,
34,
34,
34.2,
34.4,
34.8,
35,
35.2,
35,
34.8,
34.2,
33.8,
33.6,
33.6,
33.6,
33.8,
34,
33.8,
33.6,
33.4,
33.2,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33.2,
33.4,
33.6,
33.6
]
]
},
point: {
r: 0,
focus : { expand: { r:4}},
sensitivity: 1000
},
zoom: {
enabled: {
type: "drag"
}
},
size: {
height: 350
},
bindto: "#dragZoom"
});
var chart = bb.generate({
data: {
columns: [
["sample", 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 150, 250, 150, 200, 170, 240, 100, 150, 250, 150, 200, 170, 240, 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 350, 220, 250, 300, 270, 140, 150, 90, 150, 50, 120, 70, 40]
]
},
zoom: {
enabled: {
type: "drag"
}
},
bindto: "#dragZoom2"
});
var chart = bb.generate({
data: {
columns: [
["sample", 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 150, 250, 150, 200, 170, 240, 100, 150, 250, 150, 200, 170, 240, 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 350, 220, 250, 300, 270, 140, 150, 90, 150, 50, 120, 70, 40]
]
},
zoom: {
enabled: {
type: "drag"
}
},
bindto: "#dragZoom3"
});
</script>
</body>
</html>
@danbai02, I did test on Mac with Firefox v75.
And the chart size is defined based on the parent element's size, so in this case <div id="content" style="width: 60%;...> can make unexpected scaling issue.
I still get the issue if I set the chart (and div) to a fixed width (say 960px). If I disable the margins so its not centered it works though, but any form of trying to center it and the issue reappears. With the margins set if you resize the browser window so that the chart is touching the edge of it (like in your gif) it starts working.
@danbai02, I did another test on Windows 10, Firefox 75 and I found very weird behavior.
from the reproducible code you provided,
- It's not happening event properly at the beginning as you can see from the screenshot. In that case, I let devtools opened, but after closing it, you can see behaving correctly.
- If you render removing others chart, just letting first one, also works fine.
- for some reason, the online fiddle works fine (@danbai02, try from the below link if works on your environment) https://jsfiddle.net/netil/gxn7cm51/
Looks like to spend some time investigating on this.
* for some reason, the online fiddle works fine (@danbai02, try from the below link if works on your environment) https://jsfiddle.net/netil/gxn7cm51/
For the case that it can help you:
Firefox 75.0 (64-Bit) on Windows 10 Pro Version 1909 (Build 18363.778)
EDIT: If I open the browser console, it detects each point and shows the tooltip, if I close the console, it behaves like in the gif above.
Chrome works fine.
@netil yes, this is the behavior I am seeing. I think it has something to do with the viewport width/height, which is why it can work with the console open in some cases. I think the online fiddle also works due to the reduced viewport if that helps?
Even attaching events to <rect> elements using native API, it doesn't work.
I'm suspicious that the issue is related to the Firefox browser itself.
document.querySelectorAll("#dragZoom .bb-event-rects-single rect").forEach(v => {
v.addEventListener("mousemove", e => console.log(e.type))
});
If you remove min-width or margin props from the <div id="content">, also works.
<div id="content" style="width: 60%; min-width: 960px; max-width: 1200px; margin-left: auto; margin-right: auto;">
workaround for your case is specifying data.xs option.
data: {
xs: {
FPS: "x"
},
...
}