Javascript 如何解决Google Visualization-Materials Line中的重叠问题

看起来，当两个不同字段的值相同时，您只能在顶部看到最近的字段

是否有办法解释重叠，以便我们可以看到属于该值的每个字段

这里的例子-

google.load('visualization', '1.1', {packages: ['line']});
google.setOnLoadCallback(drawChart);

function drawChart() {

  var userArray = [
    'x',
    'a',
    'b',
    'c',
    'd',
    'e',
    'f',
    'g',
    'h',
    'i',
    'k'
  ];

  var data = new google.visualization.DataTable();

  for (var i = 0; i < userArray.length ; i++) {
      data.addColumn('number', userArray[i]);
  }


  data.addRows([
        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],  
        [1, 0, 1, 0, 0, 1, 2, 0, 1, 0, 0],
        [2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
        [3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
      ]);


  var options = {
    width: 1000,
    height: 563,
    hAxis: {
      title: 'Date'
    },
    vAxis: {
      title: 'item'
    },
    series: {
      1: {
        curveType: 'function'
      }
    }
  };
  var chart = new google.charts.Line(document.getElementById('ex2'));
  chart.draw(data, google.charts.Line.convertOptions(options));
}

google.load（'visualization'，'1.1'，{packages:['line']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var userArray=[
“x”，
“a”，
“b”，
"c",，
“d”，
"e",，
"f",，
"g",，
"h",，
“我”，
“k”
];
var data=new google.visualization.DataTable（）；
for（var i=0；i

“b”、“e”和“h”的字段都有一个“y”值“1”，但在图形上只有“h”，不知道这一点的用户可能不知道“b”和“e”也有一个“y”值“1”，我如何解释这种重叠

---

解决此问题的方法是使用

focusTarget:“category”（类别）的特殊
选项

然而，在代码的Materials版本上也似乎存在此设置的错误（这不是一个真正的错误，它是一个尚未实现的功能）。我不得不使用经典版折线图：

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

function drawChart() {

  var userArray = [
    'x',
    'a',
    'b',
    'c',
    'd',
    'e',
    'f',
    'g',
    'h',
    'i',
    'k'
  ];

  var data = new google.visualization.DataTable();

  for (var i = 0; i < userArray.length ; i++) {
      data.addColumn('number', userArray[i]);
  }


  data.addRows([
        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],  
        [1, 0, 1, 0, 0, 1, 2, 0, 1, 0, 0],
        [2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
        [3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
      ]);


  var options = {
    focusTarget: 'category',
    width: 1000,
    height: 563,
    hAxis: {
      title: 'Date'
    },
    vAxis: {
      title: 'item'
    },
    series: {
      1: {
        curveType: 'function'
      }
    }
  };
  var chart = new google.visualization.LineChart(document.getElementById('ex2'));
  chart.draw(data, options);
}



google.load（'visualization'，'1.1'，{packages:['corechart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var userArray=[
“x”，
“a”，
“b”，
"c",，
“d”，
"e",，
"f",，
"g",，
"h",，
“我”，
“k”
];
var data=new google.visualization.DataTable（）；
for（var i=0；i