Google折线图h轴标签在图表绘制过程中消失

Google折线图（Line Chart）中，如果h轴（水平轴）标签在图表绘制过程中消失，可能是由于以下原因：

标签过多：如果h轴上的标签数量过多，可能会导致标签重叠或被隐藏。为了解决这个问题，您可以尝试减少标签的数量，或者使用tickStep属性来设置标签之间的间隔。

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', 'Expenses', 'Profit'],
    ['2013', 1000, 1000, 1000],
    ['2014', 1000, 1000, 1000],
    ['2015', 1000, 1000, 1000],
    ['2016', 1000, 1000, 1000]
  ]);

  var options = {
    title: 'Sales, Expenses and Profit over Years',
    hAxis: {
      title: 'Year',
      tickStep: 1
    }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

标签被遮挡：如果图表中的其他元素遮挡了h轴标签，您可以尝试调整图表的大小或重新布局，以确保标签可见。
浏览器兼容性问题：某些浏览器可能存在兼容性问题，导致h轴标签无法正确显示。您可以尝试在其他浏览器中查看图表，以排除这个问题。
代码错误：检查您的代码，确保没有错误导致h轴标签消失。例如，确保您正确设置了hAxis属性。

如果以上方法都无法解决问题，您可以尝试使用其他图表类型，如柱状图（Bar Chart）或散点图（Scatter Plot），这些图表类型可能更适合显示大量数据。

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', 'Expenses', 'Profit'],
    ['2013', 1000, 1000, 1000],
    ['2014', 1000, 1000, 1000],
    ['2015', 1000, 1000, 1000],
    ['2016', 1000, 1000, 1000]
  ]);

  var options = {
    title: 'Sales, Expenses and Profit over Years',
    hAxis: {
      title: 'Year',
      tickStep: 1
    }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

在这个示例中，我们设置了tickStep属性，使h轴上的标签每隔1个单位显示一次。您可以根据需要调整tickStep的值。

页面内容是否对你有帮助？

有帮助

没帮助

Google折线图h轴标签在图表绘制过程中消失

、、、

我有一个有3条线的折线图，我在其中显示每日明智的数据。当我有更多的数据表明我有从2019年10月(所有日子)到今天的数据时，h轴标签正在移除/消失。最初，我可以看到h轴标签，随着图表的继续绘制，标签正在消失。下面是我的图表代码： google.charts.load('current', {}

浏览 35提问于2020-03-19得票数 1

回答已采纳

1回答

在NVD3中将y轴最大标签设置为高一个刻度增量

、、、

我正在使用NVD3 (d3的包装器)来绘制折线图。我希望图表中的数据在轴的范围内。然而，它看起来与其他标签不一致，因为图表本身显示了我的数据集的最大值。我希望看到的是刻度/轴标签在整个过程中的舍入顺序是相同的，没有溢出。即20,000,18000,16000等。需要注意的是，我的数据集可能会有很大的不同-所以我不能只设置一个最大值。也就是说，我希望y轴增加一个刻度

浏览 3提问于2017-05-12得票数 2

1回答

我正在处理一个仪表板，其中包含一个折线图、表格图表和两个类别筛选器，我需要弄清楚如何将多行聚合为可以在折线图上绘制的点。给定google工作表中持有的数据集，如下面列出的示例，折线图需要显示X轴上的年份(2014 - 2017)，以及两家公司和所有部门的所有满意度的平均值。当他们选择一个部门时，折线图应该显示所有部门的合计数字。第二个CategoryFilter允许用户选择一个部门，线形图应该显示该公司/部门的满意度。gid=1339946

浏览 0提问于2018-11-15得票数 0

2回答

将笔画添加到google图表

、

我已经创建了一个谷歌区域图，并给出了一个5的pointSize作为我的屏幕截图。有没有办法给我的点添加一个笔划，如下图所示。

浏览 0提问于2013-05-28得票数 3

回答已采纳

64回答

为什么不在HTML中使用表格进行布局呢？

、

表不应该用于中的布局，这似乎是一个HTML。我从来没有(或者很少诚实地)看到过这方面的好论据。通常的答案是：但这是一个谬误的论点；。我想，使用table元素进行布局与表格数据没有什么关系。那又怎么样？我老板在乎吗？我的用户关心吗？顺便说一下..。为什么使用div或span可以很好地将内容与布局和表分离开来？只有div才能获得良好的布局，这通常需要大量嵌套的div。我觉得是另外一回事。大多数人理解HTML，很少人理解CSS。 SEO最好不

浏览 34提问于2008-09-17得票数 664

回答已采纳

396回答

你最有争议的编程观点是什么？

这绝对是主观的，但我想尽量避免争论。我认为如果人们适当地对待它，这可能是一个有趣的问题。那么，你持有什么有争议的意见呢？我宁愿避免这样的事情，因为这类事情的基础相对较少(例如，放置支撑)，但例子可能包括“单元测试实际上并不十分有用”或“公共字段非常好”之类的东西。重要的是(无论如何，对我来说)你有理由支持你的观点。请提出你的观点和理由--我鼓励人们投票赞成那些有充分争论和有趣的意见，

浏览 65提问于2009-01-02得票数 363