Question

我的谷歌图表有问题。

如何在水平轴线和标签之间进行填充。并以不同方式对齐它们（从第一个到右边，最后一个到左边） - 所以，它们将位于图表区域内
如何删除图表末尾的垂直轴，只留下零轴。

代码：

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

function drawBasic () {
  let data1 = new google.visualization.DataTable();
  data1.addColumn('date', 'Date');
  data1.addColumn('number', 'K/D');

  data1.addRows([
     [new Date(2016, 11, 11), 0], [new Date(2016, 11, 12), 10], [new Date(2016, 11, 13), 43], [new Date(2016, 11, 14), 20], [new Date(2016, 11, 15), 56],]);
  let options1 = {
    height: 125,
    chartArea: {
      left: 30,
      top: 10,
      right: 30,
      bottom: 20
    },
    legend: {position: 'none'},
    colors: ['#3ec8de'],
    tooltip: {trigger: 'none'},
    backgroundColor: 'transparent',
    hAxis: {
      format: 'dd.M',
      gridlines: {
        color: '#333',
      },
      ticks: [new Date(2016, 11, 11), new Date(2016, 11, 15)]
    },
   vAxis: {
    gridlines: {
      count: 3,
      color: 'transparent',
    }
   },
  crosshair: {trigger: 'both', orientation: 'vertical', color: '#b5b5b5'}
 };

 let chart1 = new google.visualization.LineChart(document.getElementById('overtime-chart1'));

chart1.draw(data1, options1);
}

Here the picture

And this is link to codepen with code

Google图表文字填充和隐藏轴线

0 个答案: