Charts 每7点打一个x轴记号

在中，我只希望每7个点在x轴上有一个记号+标签，而不是每个点有一个x轴记号。在下面的代码中如何做到这一点

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

  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Sales', 'Expenses'],
      ['2013',  1000,      400],
      ['2014',  1170,      460],
      ['2015',  660,       1120],
      ['2016',  1030,      540]
    ]);

    var options = {
      title: 'Company Performance',
      hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
      vAxis: {minValue: 0}
    };

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

---

使用

hAxis.ticks

选项提供自定义x轴标签

该选项采用值的数组

[]

，
用于轴的相同类型（数据表中的第一列）
在这种情况下，

“日期”

请参阅以下工作片段

• 自

  '12/07/2016'

• 每隔7天添加一个勾号

google.charts.load（'current'{
回调：函数（）{
图纸（）；
window.addEventListener（'resize'，drawChart，false）；
},
软件包：['corechart']
});
函数绘图图（）{
var formatDate=new google.visualization.DateFormat({
图案：“嗯，d”
});
var dataTable=new google.visualization.dataTable（）；
dataTable.addColumn（'date'，'Day'）；
dataTable.addColumn（'number'，'Y'）；
addColumn（{role:'style'，type:'string'}）；
var一天=（1000*60*60*24）；
var startDate=新日期（2016年11月7日）；
var endDate=新日期（）；
var ticksAxisH=[]；
for（var i=startDate.getTime（）；i

您可以通过

hAxis.ticks

的选项控制x轴标签，该选项只接受一个数组——但是，该选项仅对连续轴有效——该轴是使用数据表第一列中的数字或日期值创建的——字符串值，如示例中所示，创建离散轴，这也限制了其他的选择——谢谢@WhiteHat，你能发布一个代码示例吗？事实上，我每天有1个点，我希望每7天有一个x轴标签：1月1日，1月8日，1月15日非常感谢！最后一件事：如何使网格线更小（仅1px）和更轻，并且每个点都有一个圆点？最后一件事：我们可以删除右边的

--Y

图例吗。附言：这是麻省理工学院的一个开源项目，很快就可以使用了。我会开始悬赏以提供积分来感谢你！再次感谢@WhiteHat。最后一件事：我在文档中没有找到如何将“区域颜色”更改为#e6f4f9，你有什么想法吗？PS：我可以在README.md中引用您作为撰稿人吗？我希望线条+圆点保留原来的深蓝色，而这个浅蓝色只用于曲线下的区域，有什么想法@WhiteHat？（我怎么能引用你的话，你有github用户名吗？）。再次更改答案——与线+点不同的区域颜色需要在数据表中添加一个

'style'

列——请参见新列的值，它负责线+点-原始的

颜色

选项提供区域颜色-默认情况下，图表限制

区域不透明度

，这就是为什么早期浅蓝色要亮得多的原因-添加了

区域不透明度的选项：1.0