Я пытаюсь построить несколько графиков тепловых карт в подотчете, но масштабная шкала одинакова для всех графиков тепловых карт, как я могу сделать масштабную линейку для каждой тепловой карты
мой код
var data = [{"x":[0,100,200,300,400,500,600,700,800,900,1000,1100,1200,1300,1400,1500,1600,1700,1800,1900,2000,2100,2200,2300,2400],"y":[-20,-15,-10,-5,0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95],"z":[[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[1.9232014128271648,2.054983066416978,2.251848308136574,3.1760819005749994,2.86260027098714,3.109792824572159,2.9343569186916723,2.7240838138390964,2.211031367322786,1.469381527488916,0.39709877094699,1.945561146834763,1.54626215273848,1.6936109888339368,0,0,0,0,0,0,0,0,0,0,0],[2.5103497846080427,2.6987839331007653,2.8861377269720454,3.860778524318294,3.512962012984628,3.9454947066647996,3.8976783922838223,3.825103398535667,3.6406024294083745,3.26208501832331,2.8732894875616357,3.0057146066855416,2.924470027125571,2.759341963795811,2.387900927745565,2.497058633902207,2.2267691950951773,1.8478811501606638,0,0,0,0,0,0,0],[2.119020218771984,2.3529521001792,2.5264548823748774,3.4503683774298484,3.056260599886752,3.5843592264229986,3.557622882956036,3.5507404810241834,3.39847609782565,3.171320840496091,2.7612225582264913,2.8524208832854216,2.5402345118122938,2.611439754504892,1.6098158785800865,2.0050871568637847,1.220053567425395,0,0,0,0,0,0,0,0],[1.6188935867503944,1.9265590658401175,2.1705806813876762,2.9663603464624133,2.8836804244289875,3.389226661543282,3.1032560058192478,3.431572185685464,2.3108840422575008,2.663698050086057,1.5860375682943617,2.3456848895887092,1.398858199185522,1.4314658910457916,2.2411169025010085,0,0,0,0,0,0,0,0,0,0],[1.1175873000077545,1.5568096089785541,1.8327852410710967,2.723402893703478,2.4023406942677292,2.846031910973295,2.802823301171982,2.513461516420727,1.5575908377503311,1.9531028997711397,0.887067563958343,1.6467148852526903,0.6998881948495033,0.7324958867097727,1.5421468981649895,0,0,0,0,0,0,0,0,0,0],[1.0325254638132983,1.3148098909242922,1.6672482808647417,2.2961283975547886,2.135230193538524,2.373708692902731,2.4626008988520476,1.3315104352126406,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.7024314053572428,1.078190064728396,1.2401272346632384,2.13707805396977,1.832938493591297,1.8965874381830685,1.9854796441323852,0.8543891804929782,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.14591732072644423,0,0,1.886468513261713,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[-0.3322256247214883,0.3563714238283288,0.29680706219836167,1.3174007103721779,0.5559512799650483,1.3271314332570794,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.14489562999817407,0.37845387408388437,0.18413220773088898,1.7170523363577437,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,2.1465381592643316,1.9281193556222482,0,1.0713910815435934,2.549084675661132,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.647380205259947,0.9388782653478194,1.2274203235425876,1.717578870635798,2.13501183304045,2.8248740066647082,2.8748685961661673,2.8648199254900946,1.6613415191911654,2.1511446669890946,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.9388444402679987,1.2171037480469975,1.5460575495336433,1.8626863281534138,2.1662126912518573,2.9651088286811227,2.86203655419657,2.9654343823818308,1.9152474363420247,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.7991262199205249,1.2062212060075215,1.4160838239164963,1.9191974514460468,2.125016182997414,2.561175353510425,2.2131376832208547,2.4292883712061815,1.8572506261062152,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.9275300431612635,1.2885064042706749,1.4952846634666983,2.2444834094308783,2.433441090659308,2.8936315715785343,2.581790989278948,2.256296520403946,2.0734948038830954,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[1.1827199895101583,1.539055053042729,1.8066323596420142,2.6145673239092213,2.7285482210976637,3.2339853191161296,2.9406953099371274,2.9042754877405907,2.610564522886662,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.09132554181611358,0.41831285715539895,0.8046988016428032,1.7979785168709685,1.4617981749914142,2.113538319298619,1.913801941433287,2.2468302483726976,1.8351376728428073,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[1.2468017071506878,1.6953114422445728,1.9133627077453186,2.3302331309826916,2.108600636810987,2.931203947448655,2.925356867099534,2.1752477932801617,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]],"xaxis":"x1","yaxis":"y1","showscale":true,"type":"heatmap","hovertemplate":" %{x} rpm<br> %{y} °C<br>10^ %{z} rev","hoverlabel":{"namelength":0,"align":"auto"},"colorscale":"Jet","zsmooth":"best","colorbar":{"thickness":20,"tickprefix":"10<sup>","ticksuffix":"</sup>"},"zmin":0,"zmax":4},{"x":[0,100,200,300,400,500,600,700,800,900,1000,1100,1200,1300,1400,1500,1600,1700,1800,1900,2000,2100,2200,2300,2400],"y":[-20,-15,-10,-5,0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95],"z":[[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[2.1729744412408527,2.5422713719923316,2.91831229873456,4.178489934143187,4.452905386956313,5.033993349280651,5.164620205625833,5.081020573254748,3.9475845776820617,3.7158007566068507,3.3355279475812676,3.192703002418661,2.6859646455201025,2.6767396526520346,2.053035254459538,2.2147288258393165,2.110362832665842,1.2859798218002658,0,0,0,0,0,0,0],[2.7840212485981564,3.112073025414298,3.4796868277308404,5.060987713455746,5.198615827272357,5.786204091154822,5.913399383466705,5.785356976827856,5.116892583230395,4.898870776347562,4.6418475084291195,4.4008694885311535,4.18410606537693,3.816620248340623,3.6456840278796747,3.3842886906385283,3.1364181631530204,3.0123370106105187,2.709865177117929,2.4095635472853316,2.3688615660644063,0,0,0,0],[2.4573285223707058,2.746549399023778,3.1069594293646055,4.684308915384312,4.889832467413006,5.56191108116949,5.677867922441281,5.526429105511071,4.802024745295641,4.587012266884639,4.243413519468188,4.042657794737231,3.789614054973234,3.3883900024980425,3.26351390267823,2.8388254142998752,2.745624992217095,2.3709664877894903,2.0201499842831,1.7474077192385582,1.7005096036872764,0,0,0,0],[2.0833925774045694,2.399098132565637,2.6618031271377247,4.075173628281782,4.6586282919345745,5.28645244375309,5.151514153984102,5.117391225822261,4.4395906431963015,4.10238311660547,4.003503477004416,3.612235356963232,3.434405335520738,2.914025102407029,2.522693250178994,2.393714408908658,0,0,0,0,0,0,0,0,0],[1.7919704787714312,2.0627471280539127,2.3537577768387146,3.949838931406317,4.3988958840657295,4.979862964644562,4.986420171319735,4.729500653787584,3.8763789524957115,3.5889829861321036,3.438755589299163,3.1125589609322555,2.9036217337379098,2.008317751984237,1.9784226500765945,1.694744404572639,0,0,0,0,0,0,0,0,0],[1.6372434705233914,1.9540102569873576,2.2492355295936766,4.0089135089862475,4.378274224036874,4.66802465225778,4.663966852923247,4.372267496801716,3.2175027318518334,2.3587954601653465,0.7820360408927706,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[1.1419096418478403,1.4720963702676015,1.7947881861614956,3.923389697049888,4.057035173300251,4.237741653316622,4.248380405922273,3.920019362684516,2.782462890091249,1.881674205445684,0.3049147861731082,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0.31598245099053635,1.1506137859877081,3.954005357740925,2.9127796518306313,3.442676899388092,3.2666418708452993,3.0390192540716985,2.1100984420040665,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0.5263166896156465,0.7531518401614536,0.9890661438180206,3.8468210315320706,2.688851063896734,3.223634552894169,3.362140643485667,3.179021690796939,2.8059595912968978,2.3038056137460363,2.33293805182728,1.8627856006576418,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0.4749122932441773,3.982748938556688,2.952513215371606,3.679235461711818,3.4890022476354976,3.6248542862940254,3.0154882654232247,2.84754024135366,2.990062905903801,2.671435557256116,0.8670398961272142,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,3.2305677111213664,3.289226202383508,3.8700546405530325,3.9539452499496206,3.8600965909005924,3.2009304776349268,2.9311612951985624,2.927661769824784,2.8673066372495177,2.423453106906555,0,0,0,0,0,0,0,0,0,0,0,0],[1.2629962766342115,1.4994033897313015,1.72732700252798,3.029439489782067,3.354377026337179,4.429243086241453,4.426679000218983,4.372079280498886,4.0530102613980095,3.68454093490287,3.4045337168361725,3.2485520905725527,2.9989828731073263,2.6416046435915814,2.38950413991926,2.480420727613616,1.2932137622173407,1.6523442591794337,0.6895229812438186,0,0,0,0,0,0],[1.4204475294605705,1.6878897253422669,1.9353138040085751,3.238641893243227,3.664513210448693,4.69765682799266,4.681851488318819,4.608347614886099,4.3292419204515715,3.9396138779383585,3.669669284147306,3.497130484087209,3.2522795541740495,2.9426346392555627,2.690534135583241,2.7814507232775973,1.5942437578813218,1.953374254843415,0.9905529769077998,0,0,0,0,0,0],[1.387269324501299,1.5923775295025717,1.887255389644094,3.9381356419694904,4.383731951758829,5.169436578205156,5.1291896277774525,4.561252744616244,3.915742577738646,3.4408625504529056,3.2303841982696153,2.8950704927592463,2.650219562846087,2.3405746479276,2.0884741442552786,2.1793907319496353,0.9921837665533595,1.3513142635154525,0.38849298557983736,0,0,0,0,0,0],[1.3510673229788164,1.56045789578192,1.842814000043206,3.0697542975646517,4.0310058647499405,4.549551669875618,4.583665567863856,3.785008159210951,3.410891468416566,3.2285829271670305,3.2172849114022406,2.885297707879142,2.6998269418238743,2.238260200393912,1.754093163664052,1.8114708097191001,0,0,0,0,0,0,0,0,0],[1.5338224421150237,1.750439400503074,2.221700940934081,3.6491461605497375,4.457608087661933,5.001733108979597,5.174142012119861,4.800892938686482,4.444712883405761,4.212432109249591,3.905531416776415,3.766036534561316,3.554993220378273,3.2609445128561267,2.775556455452425,2.318685533603447,1.4772939104230811,1.310404755732887,1.970925229235562,1.502319283577305,0,0,0,0,0],[0.9625331033493137,1.241307467375385,1.7496028070035237,3.2312326833495972,3.349590395617821,4.309935045479394,4.541156267867223,4.326127636981569,3.9583229438460767,3.7129979285281483,3.3145720208027116,3.2354442554955765,3.014888012660611,2.7715851520217973,2.285910517185957,1.4981963698937604,1.0793539017510436,0.9124647470608493,1.5729852205635242,1.1043792749052674,0,0,0,0,0],[0,0,0,1.6995060231910961,1.7039244957401383,1.7212015314571607,3.601162675752543,3.5085481119774937,1.9512059888722944,1.3264424770348062,1.052491098816971,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[2.0736176634714583,2.356144623599471,2.7152390613923623,4.089013843570343,4.659963568964688,5.381293588145749,5.634054045132766,5.201111279263478,4.004751881062147,3.3432058317255087,2.4104506921337054,0.8890171071451192,0,0,0,0,0,0,0,0,0,0,0,0,0]],"showscale":true,"xaxis":"x2","yaxis":"y2","type":"heatmap","hovertemplate":" %{x} rpm<br> %{y} °C<br>10^ %{z} rev","hoverlabel":{"namelength":0,"align":"auto"},"colorscale":"Jet","zsmooth":"best","colorbar":{"thickness":20,"tickprefix":"10<sup>","ticksuffix":"</sup>"},"zmin":0,"zmax":6}];
var layout = {
grid: {rows: 1, columns: 2, pattern: 'independent'},
};
var gd = document.getElementById('myDiv')
Plotly.newPlot(gd, data, layout, {showSendToCloud: true});
gd.on('plotly_selected', function(eventData) {
console.log(eventData);
})
<head>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="myDiv"><!-- Plotly chart will be drawn inside this DIV --></div>
<script>
<!-- JAVASCRIPT CODE GOES HERE -->
</script>
</body>
также на
"https://codepen.io/fadi-ghattas/pen/wvvjjRV"