我有一个无法解决的 Plotly JS Gauge 问题，我已经尝试了一千种方法来解决它。
如何实时、动态地使用 Plotly JS Gauge？
我已经尝试过这个，但它不起作用......;-(:
<script>
function rand() {
return Math.floor(Math.random() * (250 - 0) ) + 0;
}
var data = [
{
domain: { x: [0, 1], y: [0, 1] },
value: 0,
title: { text: "Speed" },
type: "indicator",
mode: "gauge+number"
}
];
var layout = { width: 600, height: 500, margin: { t: 0, b: 0 } };
Plotly.newPlot('myDiv', data, layout);
var cnt = 0;
var interval = setInterval(function() {
Plotly.extendTraces('myDiv', {value: [[rand()]]}, [0])
if(++cnt === 100) clearInterval(interval);
}, 300);
</script>
最佳答案
尝试使用Plotly.update():
function rand() {
return Math.floor(Math.random() * (250 - 0) ) + 0;
}
var data = [
{
domain: { x: [0, 1], y: [0, 1] },
value: 0,
title: { text: "Speed" },
type: "indicator",
mode: "gauge+number"
}
];
var layout = { width: 600, height: 500, margin: { t: 0, b: 0 } };
Plotly.newPlot('myDiv', data, layout);
var cnt = 0;
var interval = setInterval(function() {
Plotly.update('myDiv', {value: rand()}, {}, [0])
if(++cnt === 100) clearInterval(interval);
}, 800);<head>
<!-- Load plotly.js into the DOM -->
<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>
</body>关于javascript - 绘图仪动态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62061915/