javascript - 为什么 plotly 面积图不能正确显示数据？-6ren

javascript - 为什么 plotly 面积图不能正确显示数据？

转载作者：行者123 更新时间：2023-11-29 15:21:39

数据来自后端正确，但图表有时显示不正确。为什么有时会发生？我提到了this code.

图形区域未正确填充。我的图表有一段时间看起来像这样:

这是我的代码:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>  
<div id="myDiv" style="width: 480px; height: 400px;"><!-- Plotly chart will be drawn inside this DIV --></div>
<script>
var abc = ['2013-10-04 02:23:00', '2013-10-22 12:23:00',  '2013-11-04 20:23:00', '2013-11-020 10:23:00','2013-12-04 15:10:45', '2013-12-26 06:03:00'];
abc[6]='2014-05-02 20:23:00';
var trace1 = {
x: abc,
y: [1, 3, 6,9, 4, 5,8],
  fill: 'tozeroy',
  fillcolor: 'red',
  text: server1,
  hoverinfo: "x+y+text",
  type: 'scatter',
  mode:"markers",
  marker:
  {
    size:4,
    color:"gray"
  },
  uid:"c2e171",
  dragmode:"turntable"
};
var layout = {
  margin: {
    l: 35,
    r: 40,
    b: 50,
    t: 10
  },
  legend: {
    "orientation": "h"
  },
  xaxis: {
    showgrid: false,
    showline: true,
    ticks: "outside"
  },
  yaxis : {
    fixedrange: true,
    showgrid: false,
    showline: true,
    ticks: "outside"
  },
  dragmode:false,
};
var data = [trace1];
Plotly.newPlot('myDiv', data,layout, {modeBarButtonsToRemove: ['sendDataToCloud','hoverCompareCartesian','zoom2d','pan2d','select2d','lasso2d','autoScale2d','hoverClosestCartesian','toggleSpikelines']});

var plotDiv = document.getElementById('myDiv');
plotDiv.on('plotly_relayout',
function(eventdata){  
    alert( 'ZOOM!' + '\n\n' +
        'Event data:' + '\n' + 
         JSON.stringify(eventdata) + '\n\n' +
        'x-axis start:' + new Date(eventdata['xaxis.range[0]'])+ '\n' +
        'x-axis end:' + new Date(eventdata['xaxis.range[1]']));
        var xVal = new Date(eventdata['xaxis.range[0]']);
        var yVal = new Date(eventdata['xaxis.range[1]']);
});

</script>
</body>

我正在从后端动态获取 x 和 y 的数据。不要考虑上面的 x 和 y 数据。

我从后端获取 x 和 y 的以下数据:x的日期和 Y 的值

{
 "results": [
  {
   "date": "2017-04-06 11:57:48",
   "value": 302
  },
  {
   "date": "2017-04-06 11:58:18",
   "value": 329
  },
  {
   "date": "2017-04-06 11:58:48",
   "value": 344
  },
  {
   "date": "2017-04-06 11:59:18",
   "value": 372
  },
  {
   "date": "2017-04-06 11:59:48",
   "value": 391
  },
  {
   "date": "2017-04-06 00:00:18",
   "value": 428
  },
  {
   "date": "2017-04-06 00:00:48",
   "value": 445
  },
  {
   "date": "2017-04-06 00:01:18",
   "value": 287
  },
  {
   "date": "2017-04-06 00:01:48",
   "value": 302
  },
  {
   "date": "2017-04-06 00:02:18",
   "value": 331
  },
  {
   "date": "2017-04-06 00:02:48",
   "value": 346
  },
  {
   "date": "2017-04-06 00:03:18",
   "value": 374
  },
  {
   "date": "2017-04-06 00:03:48",
   "value": 388
  },
  {
   "date": "2017-04-06 00:04:18",
   "value": 417
  },
  {
   "date": "2017-04-06 00:04:48",
   "value": 433
  },
  {
   "date": "2017-04-06 00:05:18",
   "value": 461
  },
  {
   "date": "2017-04-06 00:05:48",
   "value": 474
  },
  {
   "date": "2017-04-06 00:06:18",
   "value": 316
  },
  {
   "date": "2017-04-06 00:06:48",
   "value": 330
  },
  {
   "date": "2017-04-06 00:07:18",
   "value": 357
  },
  {
   "date": "2017-04-06 00:07:48",
   "value": 374
  },
  {
   "date": "2017-04-06 00:08:18",
   "value": 402
  },
  {
   "date": "2017-04-06 00:08:48",
   "value": 415
  },
  {
   "date": "2017-04-06 00:09:18",
   "value": 443
  },
  {
   "date": "2017-04-06 00:09:48",
   "value": 460
  },
  {
   "date": "2017-04-06 00:10:18",
   "value": 301
  },
  {
   "date": "2017-04-06 00:10:48",
   "value": 314
  },
  {
   "date": "2017-04-06 00:11:18",
   "value": 344
  },
  {
   "date": "2017-04-06 00:11:48",
   "value": 359
  },
  {
   "date": "2017-04-06 00:12:18",
   "value": 385
  },
  {
   "date": "2017-04-06 00:12:48",
   "value": 400
  },
  {
   "date": "2017-04-06 00:13:18",
   "value": 429
  },
  { 
   "date": "2017-04-06 00:13:48",
   "value": 444
  },
  {
   "date": "2017-04-06 00:14:18",
   "value": 470
  },
  {
   "date": "2017-04-06 00:14:48",
   "value": 301
  },
  {
   "date": "2017-04-06 00:15:18",
   "value": 331
  },
  {
   "date": "2017-04-06 00:15:48",
   "value": 346
  },
  {
   "date": "2017-04-06 00:16:18",
   "value": 373
  },
  {
   "date": "2017-04-06 00:16:48",
   "value": 425
  },
  {
   "date": "2017-04-06 00:17:18",
   "value": 453
  },
  {
   "date": "2017-04-06 00:17:48",
   "value": 468
  },
  {
   "date": "2017-04-06 00:18:18",
   "value": 307
  },
  {
   "date": "2017-04-06 00:18:48",
   "value": 322
  },
  {
   "date": "2017-04-06 00:19:18",
   "value": 350
  },
  {
   "date": "2017-04-06 00:19:48",
   "value": 365
  },
  {
   "date": "2017-04-06 00:20:18",
   "value": 393
  }, 
  {
   "date": "2017-04-06 00:20:48",
   "value": 408
  },
  {
   "date": "2017-04-06 00:21:18",
   "value": 436
  },
  {
   "date": "2017-04-06 00:21:48",
   "value": 449
  },
  {
   "date": "2017-04-06 00:22:18",
   "value": 291
  },
  {
   "date": "2017-04-06 00:22:48",
   "value": 306
  },
  {
   "date": "2017-04-06 00:23:18",
   "value": 333
  },
  {
   "date": "2017-04-06 00:23:48",
   "value": 346
  },
  {
   "date": "2017-04-06 00:24:18",
   "value": 375
  },
  {
   "date": "2017-04-06 00:24:48",
   "value": 392
  },
  {
   "date": "2017-04-06 00:25:18",
   "value": 419
  },
  {
   "date": "2017-04-06 00:25:48",
   "value": 434
  },
  {
   "date": "2017-04-06 00:26:18",
   "value": 462
  },
  {
   "date": "2017-04-06 00:26:48",
   "value": 476
  },
  {
   "date": "2017-04-06 00:27:18",
   "value": 317
  },
  {
   "date": "2017-04-06 00:27:48",
   "value": 332
  },
  {
   "date": "2017-04-06 00:28:18",
   "value": 359
  },
  {
   "date": "2017-04-06 00:28:48",
   "value": 374
  },
  {
   "date": "2017-04-06 00:29:18",
   "value": 406
  },
  {
   "date": "2017-04-06 00:29:48",
   "value": 421
  },
  {
   "date": "2017-04-06 00:30:18",
   "value": 449
  },
  {
   "date": "2017-04-06 00:30:48",
   "value": 463
  },
  {
   "date": "2017-04-06 00:31:18",
   "value": 305
  },
  {
   "date": "2017-04-06 00:31:48",
   "value": 319
  },
  {
   "date": "2017-04-06 00:32:18",
   "value": 346
  },
  {
   "date": "2017-04-06 00:32:48",
   "value": 361
  },
  {
   "date": "2017-04-06 00:33:18",
   "value": 389
  },
  {
   "date": "2017-04-06 00:33:48",
   "value": 404
  },
  {
   "date": "2017-04-06 00:34:18",
   "value": 433
  },
  {
   "date": "2017-04-06 00:34:48",
   "value": 447
  },
  {
   "date": "2017-04-06 00:35:18",
  "value": 476
  },
  {
   "date": "2017-04-06 00:35:48",
   "value": 303
  },
  {
   "date": "2017-04-06 00:36:18",
   "value": 331
  },
  {
   "date": "2017-04-06 00:36:48",
   "value": 347
  },
  {
   "date": "2017-04-06 00:37:18",
   "value": 374
  },
  {
   "date": "2017-04-06 00:37:48",
   "value": 389
  },
  {
   "date": "2017-04-06 00:38:18",
   "value": 416
  },
  {
   "date": "2017-04-06 00:38:48",
   "value": 432
  },
  {
   "date": "2017-04-06 00:39:18",
   "value": 461
  },
  {
   "date": "2017-04-06 00:39:48",
   "value": 475
  },
  {
   "date": "2017-04-06 00:40:18",
   "value": 318
  },
  {
   "date": "2017-04-06 00:40:48",
   "value": 332
  },
  {
   "date": "2017-04-06 00:41:18",
   "value": 360
  },
  {
   "date": "2017-04-06 00:41:48",
   "value": 373
  },
  {
   "date": "2017-04-06 00:42:18",
   "value": 403
  },
  {
   "date": "2017-04-06 00:42:48",
   "value": 418
  },
  {
   "date": "2017-04-06 00:43:18",
   "value": 446
  },
  {
   "date": "2017-04-06 00:43:48",
   "value": 459
  },
  {
   "date": "2017-04-06 00:44:18",
   "value": 305
  },
  {
   "date": "2017-04-06 00:44:48",
   "value": 320
  },
  {
   "date": "2017-04-06 00:45:18",
   "value": 347
  },
  {
   "date": "2017-04-06 00:45:48",
   "value": 364
  },
  {
   "date": "2017-04-06 00:46:18",
   "value": 391
  },
  {
   "date": "2017-04-06 00:46:48",
   "value": 444
  },
  {
   "date": "2017-04-06 00:47:18",
   "value": 475
  }
 ]
 }

最佳答案

在这段代码中似乎工作正常。我收到一个错误，指出 server1 未定义，但除此之外它似乎按预期工作。我最初的想法是你的 x 轴有问题，但这里的一切似乎都很好。你用的是什么版本的d3？还有，什么浏览器？我在 Ubuntu 上使用 Chrome。

更新:
我添加了更新的数据。在日期“2017-04-06 00:44:18”附近缺少一个逗号，导致解析它时出现一些问题。我修复了这个问题，但能够使用与以前相同的代码来渲染它。新图表如下所示:

我仍然无法重现您的渲染错误，但我会看看是否可以通过玩边距来做到这一点。

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script type="text/javascript" src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<body>  
<div id="myDiv" style="width: 480px; height: 400px;"><!-- Plotly chart will be drawn inside this DIV --></div>
<script>




var realData = {
 "results": [
  {
   "date": "2017-04-06 11:57:48",
   "value": 302
  },
  {
   "date": "2017-04-06 11:58:18",
   "value": 329
  },
  {
   "date": "2017-04-06 11:58:48",
   "value": 344
  },
  {
   "date": "2017-04-06 11:59:18",
   "value": 372
  },
  {
   "date": "2017-04-06 11:59:48",
   "value": 391
  },
  {
   "date": "2017-04-06 00:00:18",
   "value": 428
  },
  {
   "date": "2017-04-06 00:00:48",
   "value": 445
  },
  {
   "date": "2017-04-06 00:01:18",
   "value": 287
  },
  {
   "date": "2017-04-06 00:01:48",
   "value": 302
  },
  {
   "date": "2017-04-06 00:02:18",
   "value": 331
  },
  {
   "date": "2017-04-06 00:02:48",
   "value": 346
  },
  {
   "date": "2017-04-06 00:03:18",
   "value": 374
  },
  {
   "date": "2017-04-06 00:03:48",
   "value": 388
  },
  {
   "date": "2017-04-06 00:04:18",
   "value": 417
  },
  {
   "date": "2017-04-06 00:04:48",
   "value": 433
  },
  {
   "date": "2017-04-06 00:05:18",
   "value": 461
  },
  {
   "date": "2017-04-06 00:05:48",
   "value": 474
  },
  {
   "date": "2017-04-06 00:06:18",
   "value": 316
  },
  {
   "date": "2017-04-06 00:06:48",
   "value": 330
  },
  {
   "date": "2017-04-06 00:07:18",
   "value": 357
  },
  {
   "date": "2017-04-06 00:07:48",
   "value": 374
  },
  {
   "date": "2017-04-06 00:08:18",
   "value": 402
  },
  {
   "date": "2017-04-06 00:08:48",
   "value": 415
  },
  {
   "date": "2017-04-06 00:09:18",
   "value": 443
  },
  {
   "date": "2017-04-06 00:09:48",
   "value": 460
  },
  {
   "date": "2017-04-06 00:10:18",
   "value": 301
  },
  {
   "date": "2017-04-06 00:10:48",
   "value": 314
  },
  {
   "date": "2017-04-06 00:11:18",
   "value": 344
  },
  {
   "date": "2017-04-06 00:11:48",
   "value": 359
  },
  {
   "date": "2017-04-06 00:12:18",
   "value": 385
  },
  {
   "date": "2017-04-06 00:12:48",
   "value": 400
  },
  {
   "date": "2017-04-06 00:13:18",
   "value": 429
  },
  { 
   "date": "2017-04-06 00:13:48",
   "value": 444
  },
  {
   "date": "2017-04-06 00:14:18",
   "value": 470
  },
  {
   "date": "2017-04-06 00:14:48",
   "value": 301
  },
  {
   "date": "2017-04-06 00:15:18",
   "value": 331
  },
  {
   "date": "2017-04-06 00:15:48",
   "value": 346
  },
  {
   "date": "2017-04-06 00:16:18",
   "value": 373
  },
  {
   "date": "2017-04-06 00:16:48",
   "value": 425
  },
  {
   "date": "2017-04-06 00:17:18",
   "value": 453
  },
  {
   "date": "2017-04-06 00:17:48",
   "value": 468
  },
  {
   "date": "2017-04-06 00:18:18",
   "value": 307
  },
  {
   "date": "2017-04-06 00:18:48",
   "value": 322
  },
  {
   "date": "2017-04-06 00:19:18",
   "value": 350
  },
  {
   "date": "2017-04-06 00:19:48",
   "value": 365
  },
  {
   "date": "2017-04-06 00:20:18",
   "value": 393
  }, 
  {
   "date": "2017-04-06 00:20:48",
   "value": 408
  },
  {
   "date": "2017-04-06 00:21:18",
   "value": 436
  },
  {
   "date": "2017-04-06 00:21:48",
   "value": 449
  },
  {
   "date": "2017-04-06 00:22:18",
   "value": 291
  },
  {
   "date": "2017-04-06 00:22:48",
   "value": 306
  },
  {
   "date": "2017-04-06 00:23:18",
   "value": 333
  },
  {
   "date": "2017-04-06 00:23:48",
   "value": 346
  },
  {
   "date": "2017-04-06 00:24:18",
   "value": 375
  },
  {
   "date": "2017-04-06 00:24:48",
   "value": 392
  },
  {
   "date": "2017-04-06 00:25:18",
   "value": 419
  },
  {
   "date": "2017-04-06 00:25:48",
   "value": 434
  },
  {
   "date": "2017-04-06 00:26:18",
   "value": 462
  },
  {
   "date": "2017-04-06 00:26:48",
   "value": 476
  },
  {
   "date": "2017-04-06 00:27:18",
   "value": 317
  },
  {
   "date": "2017-04-06 00:27:48",
   "value": 332
  },
  {
   "date": "2017-04-06 00:28:18",
   "value": 359
  },
  {
   "date": "2017-04-06 00:28:48",
   "value": 374
  },
  {
   "date": "2017-04-06 00:29:18",
   "value": 406
  },
  {
   "date": "2017-04-06 00:29:48",
   "value": 421
  },
  {
   "date": "2017-04-06 00:30:18",
   "value": 449
  },
  {
   "date": "2017-04-06 00:30:48",
   "value": 463
  },
  {
   "date": "2017-04-06 00:31:18",
   "value": 305
  },
  {
   "date": "2017-04-06 00:31:48",
   "value": 319
  },
  {
   "date": "2017-04-06 00:32:18",
   "value": 346
  },
  {
   "date": "2017-04-06 00:32:48",
   "value": 361
  },
  {
   "date": "2017-04-06 00:33:18",
   "value": 389
  },
  {
   "date": "2017-04-06 00:33:48",
   "value": 404
  },
  {
   "date": "2017-04-06 00:34:18",
   "value": 433
  },
  {
   "date": "2017-04-06 00:34:48",
   "value": 447
  },
  {
   "date": "2017-04-06 00:35:18",
  "value": 476
  },
  {
   "date": "2017-04-06 00:35:48",
   "value": 303
  },
  {
   "date": "2017-04-06 00:36:18",
   "value": 331
  },
  {
   "date": "2017-04-06 00:36:48",
   "value": 347
  },
  {
   "date": "2017-04-06 00:37:18",
   "value": 374
  },
  {
   "date": "2017-04-06 00:37:48",
   "value": 389
  },
  {
   "date": "2017-04-06 00:38:18",
   "value": 416
  },
  {
   "date": "2017-04-06 00:38:48",
   "value": 432
  },
  {
   "date": "2017-04-06 00:39:18",
   "value": 461
  },
  {
   "date": "2017-04-06 00:39:48",
   "value": 475
  },
  {
   "date": "2017-04-06 00:40:18",
   "value": 318
  },
  {
   "date": "2017-04-06 00:40:48",
   "value": 332
  },
  {
   "date": "2017-04-06 00:41:18",
   "value": 360
  },
  {
   "date": "2017-04-06 00:41:48",
   "value": 373
  },
  {
   "date": "2017-04-06 00:42:18",
   "value": 403
  },
  {
   "date": "2017-04-06 00:42:48",
   "value": 418
  },
  {
   "date": "2017-04-06 00:43:18",
   "value": 446
  },
  {
   "date": "2017-04-06 00:43:48",
   "value": 459
  },
  {
   "date": "2017-04-06 00:44:18",
   "value": 305
  },
  {
   "date": "2017-04-06 00:44:48",
   "value": 320
  },
  {
   "date": "2017-04-06 00:45:18",
   "value": 347
  },
  {
   "date": "2017-04-06 00:45:48",
   "value": 364
  },
  {
   "date": "2017-04-06 00:46:18",
   "value": 391
  },
  {
   "date": "2017-04-06 00:46:48",
   "value": 444
  },
  {
   "date": "2017-04-06 00:47:18",
   "value": 475
  }
 ]
 }

var abc = ['2013-10-04 02:23:00', '2013-10-22 12:23:00',  '2013-11-04 20:23:00', '2013-11-020 10:23:00','2013-12-04 15:10:45', '2013-12-26 06:03:00'];
abc[6]='2014-05-02 20:23:00';

var dates = [];
var vals = [];
realData.results.forEach( function(m) { dates.push(m.date); vals.push(m.value);});

var trace1 = {
x: dates,
y: vals,
  fill: 'tozeroy',
  fillcolor: 'red',
  text: "server1",
  hoverinfo: "x+y+text",
  name:"Server 1",
  type: 'scatter',
  mode:"markers",
  marker:
  {
    size:4,
    color:"gray"
  },
  uid:"c2e171",
  dragmode:"turntable"
};
var layout = {
  margin: {
    l: 35,
    r: 40,
    b: 50,
    t: 10
  },
  legend: {
    "orientation": "h"
  },
  xaxis: {
    showgrid: false,
    showline: true,
    ticks: "outside"
  },
  yaxis : {
    fixedrange: true,
    showgrid: false,
    showline: true,
    ticks: "outside"
  },
  dragmode:false,
};
var data = [trace1];
Plotly.newPlot('myDiv', data,layout, {modeBarButtonsToRemove: ['sendDataToCloud','hoverCompareCartesian','zoom2d','pan2d','select2d','lasso2d','autoScale2d','hoverClosestCartesian','toggleSpikelines']});

var plotDiv = document.getElementById('myDiv');
plotDiv.on('plotly_relayout',
function(eventdata){  
    alert( 'ZOOM!' + '\n\n' +
        'Event data:' + '\n' + 
         JSON.stringify(eventdata) + '\n\n' +
        'x-axis start:' + new Date(eventdata['xaxis.range[0]'])+ '\n' +
        'x-axis end:' + new Date(eventdata['xaxis.range[1]']));
        var xVal = new Date(eventdata['xaxis.range[0]']);
        var yVal = new Date(eventdata['xaxis.range[1]']);
});

</script>
</body>

关于javascript - 为什么 plotly 面积图不能正确显示数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43499161/

文章推荐： mysql - python中使用magic函数连接mysql时如何处理@at密码

文章推荐： MySQL匹配基于日期的第一个值实例

文章推荐： php - 将 MySQL 行转换为单独的数组

plotly - plotly 标签
我想更改 plotly(_express) 图中的构面标签。剧情如下: import plotly.express as px tips = px.data.tips() fig = px.scatt
plotly - Plotly 中所有地理范围的列表
我正在尝试使用 plotly.js 在 map 上绘制数据。我知道您可以通过以下方式获得一个国家/地区的 map : layout = dict( title = '',
plotly - Plotly 的默认色标是什么？
关于 this page暗示他们有一些默认的色标，例如“Viridis”。我终其一生都找不到一个网页来记录这些命名的色标是什么。最佳答案问题是我是英国人并且正确拼写了颜色。色标可在 https:/
r - 如何在 plotly 中为子 plotly 中的所有 plotly 强制使用相同的颜色？
在下面的示例中，我在一个 plotly 子图中有四个箱形图。此示例中的四个箱形图中的每一个都有 3 个变量:股票、债券和现金。在每个箱线图中，我希望股票以相同的颜色(例如蓝色)显示，债券以相同的颜色(
javascript - plotly:删除 plot 并在同一个 div 中创建一个新的 plot
我有一个 plotly plot，当数据发生变化时，我想删除 plot 并生成一个新 plot。为此，我这样做: $('#heatmap2').empty() 然后我重新生成我的 plotly 。但是
python - Plotly:如何使用 plotly.graph_objects 和 plotly.express 在图形中定义颜色？
有许多问题和答案以一种或另一种方式涉及这个主题。有了这个贡献，我想清楚地说明为什么一个简单的方法，比如 marker = {'color' : 'red'}将适用于 plotly.graph_obje
python - 为什么 matplotlib .plot(kind ='bar' ) plot 与 .plot() 如此不同
这可能是一个非常愚蠢的问题，但是当使用 .plot() 绘制 Pandas DataFrame 时，它非常快并且会生成具有适当索引的图形。一旦我尝试将其更改为条形图，它似乎就失去了所有格式并且索引
python - plotly dash - 使用 plotly 生成图像，在本地保护它并使用 plotly dash 显示它
我用 plotly (express) 生成了很多图像，并将它们以 png 格式保存在本地目录中。我想创建一个带有 plotly dash 的仪表板。我生成的图像有很多依赖关系:这就是我不想将代码包含
python - 交互式 plotly 的 plotly 表达与Altair/Vega-Lite的 plotly 比较
最近，我正在学习Plotly express和Altair/Vega-Lite进行交互式绘图。他们两个都令人印象深刻，我想知道他们的优点和缺点是什么。尤其是对于创建交互式地块，它们之间有什么大差异，何
plotly:从直方图中获取值/plotly:从轨迹中获取值
在 plotly 中，我可以创建一个直方图，例如in this example code from the documentation : import plotly.express as px df
plot - Julia plot 函数数组问题
来自 Matlab 我正在努力弄清楚为什么以下不起作用: plot(x=rand(10),y=rand(10)) 正确生成图表。 x=rand(10) y=rand(10) plot(x,y) 产生错
plot - 自定义图例标签 - geopandas.plot()
我和一位同事一直在尝试设置自定义图例标签，但到目前为止都失败了。下面的代码和详细信息 - 非常感谢任何想法! 笔记本:toy example uploaded here 目标:将图例中使用的默认比率值
plotly - 如何使用 Plotly 控制哪些跟踪图位于顶部？
我正在使用 Plotly python 库生成一个带有几个 fiddle 图和几个填充散点图的图形。无论什么订单我都有个人fig.add_trace在我的代码中调用， fiddle 图总是在散点图后面
plot - 删除 Plotly 中图表之间的差距
我将图表的大小配置为 Shiny 但图表之间仍有空白区域它们在配置高度和宽度之前显示为旧区域这是我的代码 plot1_reactive % layout(xaxis = xaxis,
plotly - 如何组织一个有 plotly 的破折号项目？
我想弄清楚如何组织一个包含多个应用程序的破折号项目。所有示例都是单页应用程序，我希望将多个破折号组织为一个项目，由 gunicorn 运行(在 docker 容器内): dash-project/
Julia Plotly 不显示带有子图的 plotly
我之前做了一些解决方法来在 Julia Plotly 中实现精彩的子图，但目前正在努力解决一个更复杂的问题。下面有三种方法可以完成这项工作。 draw1 完美地完成了，但不适用于我的情况，draw2
plotly - 删除 Plotly 中子图之间的空间？
我的子图之间有很大的空间。在 matplotlib 中，有一种称为紧密布局的布局可以消除这种情况。 plotly 有没有类似的布局？我正在 iPython 笔记本中绘图，因此空间有限。请参阅下图中的空
plotly - plot.ly 热图色标不起作用
我正在尝试获取我提前生成的 cbrewer Reds 颜色图。但是，当我尝试使用它时，我仍然得到一些默认的颜色图。我究竟做错了什么？这是 plotly :https://plot.ly/~smirno
plotly - Plot.ly - 图例中同一键的多条轨迹
我一直在使用 plot.ly 并希望将多个跟踪分组到图例中的同一个键。我有显示有关特定用户的数据的子图。我想让每个键代表一个用户，而不是 user.data1、user.data2 等。这是我现在
plot - 如何从 Plotly 中删除轴和数字
我有下面这张图，我想把除点和三角形以外的所有东西都去掉，意思是横纵轴上的数字和小竖线，我该怎么做？这是图片: 这是我的代码: x0 = np.average(triangleEdges,axis=0

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 为什么 plotly 面积图不能正确显示数据？