Plotly.js x 轴无法删除线

Posted 2023-02-18

【中文标题】Plotly.js x 轴无法删除线

【英文标题】：Plotly.js x-axis cannot remove line

【发布时间】：2019-11-12 04:19:23

【问题描述】：

我是 Plotly 的新手。并通过创建虚拟折线图进行练习。我在删除 x 轴显示线时遇到问题。我已将其设置为 false，使用 zeroline，并尝试使用 linecolor 使其透明，但它仍然存在。巧合的是，y 轴工作正常，两个轴的 showgrid 也是如此。

我有一些暗示，这个问题可能来自用于显示“2017-18”、“2018-19”等季节的“类别”类型，但希望得到更有 Plotly 经验的人的确认（或解决方法）。谢谢。

var bedford = 
x: ['2009-10', '2010-11', '2011-12', '2012-13', '2013-14', '2014-15', '2015-16', '2016-17', '2017-18', '2018-19'],
y: [2812, 2654, 2828, 3051, 2261, 2496, 2611, 2515, 2530, 2527],
name: 'Bedford',
mode: 'lines+markers',
line: 
  color: 'rgb(128,191,255)',
  width: 2
  
;

var birmingham = 
x: ['2009-10', '2010-11', '2011-12', '2012-13', '2013-14', '2014-15', '2015-16', '2016-17', '2017-18', '2018-19'],
y: [975, 894, 881, 971, 947, 1098, 1046, 830, 800, 676],
name: 'Birmingham',
mode: 'lines+markers',
line: 
  color: 'rgb(230,0,0)',
  width: 2
  
;

var data = [bedford, birmingham];

var layout = 
  title: 'Second Tier Clubs Average Attendances',
  xaxis: 
    title: 'Season',
    type: 'category',
    showline: false,
    linewidth: 0
  ,
  yaxis: 
    title: 'Attendance',
    range: [0, 3500],
    showline: false,
    linewidth: 0
  
;

Plotly.newPlot('attendanceDiv', data, layout);

【问题讨论】：

如果解决了您的问题，您能接受我的回答吗？这样，其他用户就会知道问题已解决。

没问题 schustischuster。我对 *** 很陌生，刚刚习惯了它。

【参考方案1】：

你需要设置yaxis: zeroline: false，请看这个fiddle：http://jsfiddle.net/9xo3rvbg/2/

var data = [bedford, birmingham];

var layout = 
  title: 'Second Tier Clubs Average Attendances',
  xaxis: 
    title: 'Season',
    type: 'category',
    zeroline: false,
    showline: false,
  ,
  yaxis: 
    title: 'Attendance',
    range: [0, 3500],
    zeroline: false,
    showline: false,
  
;

Plotly.newPlot('attendanceDiv', data, layout);

【讨论】：

感谢 schustischuster - 现在工作正常。很好，直截了当的答案。我之前尝试过 zeroline 但由于某种原因使用 0 而不是 false。