Javascript 更改google图表的属性

hellp每个人都在我的代码里我有谷歌图表这里是照片

问题是当我点击一行时，它上面有一个奇怪的点。我如何禁用这个属性

我如何创建一条更细的线

---

'style'

列角色可用于使点大小

0

，
线路更细了

请参阅以下工作片段，
数据视图用于为

'style'

角色添加列

google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var button=document.getElementById（'change-chart'）；
var chartDiv=document.getElementById（'chart_div'）；
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'X'）；
data.addColumn（'number'，“”）；
data.addColumn（'number'，“”）；
data.addColumn（'number'，“”）；
data.addRows([
[3.4707232853.30048，空，空]，
[3.474243006.63616，空，空]，
[3.4777628159.97184，空，空]，
[3.4812825813.30752，空，空]，
[3.484823466.6432，空，空]，
[3.488321119.97888，空，空]，
[3.4918418773.31456，空，空]，
[3.4953616426.65024，空，空]，
[3.4988814079.98592，空，空]，
[3.502411733.3216，空，空]，
[3.50592939386.6572799999，空，空]，
[3.509447039.9929599999，空，空]，
[3.512964693.32864，空，空]，
[3.516482346.66432，空，空]，
[3.51999，空，空，175999.824]，
[3.52，空，空，-175999.824]，
[3.52352，空，-2346.66432，空]，
[3.52704，空，-4693.32864，空]，
[3.53056，空，-7039.992959999，空]，
[3.53408，空，-9386.6572799999，空]，
[3.5376，空，-11733.3216，空]，
[3.54112，空，-14079.98592，空]，
[3.54464，空，-16426.65024，空]，
[3.54816，空，-18773.31456，空]，
[3.55168，空，-21119.97888，空]，
[3.5552，空，-23466.6432，空]，
[3.55872，空，-25813.30752，空]，
[3.56224，空，-28159.97184，空]，
[3.56576，空，-30506.63616，空]，
[3.56928，空，-32853.30048，空]，
[3.5728，空，-35199.9648，空]，
[3.57632，空，-37546.62912，空]，
[3.57984，空，-39893.29344，空]，
[3.58336，空，-42239.95776，空]，
[3.58688，空，-44586.62208，空]，
[3.5904，空，-46933.2864，空]，
[3.59392，空，-49279.950720001，空]，
[3.59744，空，-51626.61504001，空]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1{
计算：函数（dt，行）{
返回“行{笔划宽度：1；笔划颜色：绿色；}，点{大小：0；}”；
},
键入：“字符串”，
角色：'风格'
}, 2, {
计算：函数（dt，行）{
返回'line{stroke width:1；stroke color:red；}，point{size:0；}'；
},
键入：“字符串”，
角色：'风格'
}, 3, {
计算：函数（dt，行）{
返回'line{stroke width:1；stroke color:black；}，point{size:0；}'；
},
键入：“字符串”，
角色：'风格'
}]);
变量分类={
标题：“你的公开交易”，
宽度：430，
身高：360，
颜色：[“绿色”、“红色”、“黑色”]，
阀门：{
0:{标题：'利润'}，
},
哈克斯：{
标题：“利率”，
图例：“无”
},
点大小：0
};
函数drawClassicChart（）{
var classicChart=新的google.visualization.LineChart（chartDiv）；
google.visualization.events.addListener（classicChart，'select'，函数（）{
classicChart.setSelection（[]）；
});
classicChart.draw（视图、分类选项）；
}
drawClassicChart（）；
}

我添加了

EnableInteractive:false， 颜色：[“绿色”、“红色”、“灰色”]

现在，颜色正在工作，但不工作的小div，显示了y exis成本鼠标上

---

要求是这将保持不变

请格式化您的代码，以便人们可以阅读。你所需要做的就是在每行前面加上四个空格（“”）。嗯。。现在它确实在图形中打洞了！你还有其他想法吗？是的，它仍然显示出一个小圆圈！只需要较小的客户，没有一个小的，你可以点击我可以发送电子邮件，这是非常小的

google.charts.load('current', {'packages':['line', 'corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var button = document.getElementById('change-chart');
  var chartDiv = document.getElementById('dealchart_div');
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'X');
  data.addColumn('number', "");
  data.addColumn('number', "");
  data.addColumn('number', "");
  // data.addColumn({type:'number', role:'interval'});
  // data.addColumn({type:'number', role:'interval'});
  // interval role col.
  // data.addColumn({type:'boolean', role:'scope'});
  // interval role col.
  //data.addColumn({type:'boolean', role:'scope'});
  // interval role col.
  // data.addColumn('number', "Average Hours of Daylight");
  data.addRows([
    [ 3.47072 ,32853.30048,null,null ],
    [ 3.47424 ,30506.63616,null,null ],
    [ 3.47776 ,28159.97184,null,null ],
    [ 3.48128 ,25813.30752,null,null ],
    [ 3.4848 ,23466.6432,null,null ],
    [ 3.48832 ,21119.97888,null,null ],
    [ 3.49184 ,18773.31456,null,null ],
    [ 3.49536 ,16426.65024,null,null ],
    [ 3.49888 ,14079.98592,null,null ],
    [ 3.5024 ,11733.3216,null,null ],
    [ 3.50592 ,9386.6572799999,null,null ],
    [ 3.50944 ,7039.9929599999,null,null ],
    [ 3.51296 ,4693.32864,null,null ],
    [ 3.51648 ,2346.66432,null,null ],
    [ 3.51999 ,null,null,175999.824 ],
    [ 3.52 ,null,null,-175999.824 ],
    [ 3.52352 ,null,-2346.66432,null ],
    [ 3.52704 ,null,-4693.32864,null ],
    [ 3.53056 ,null,-7039.9929599999,null ],
    [ 3.53408 ,null,-9386.6572799999,null ],
    [ 3.5376 ,null,-11733.3216,null ],
    [ 3.54112 ,null,-14079.98592,null ],
    [ 3.54464 ,null,-16426.65024,null ],
    [ 3.54816 ,null,-18773.31456,null ],
    [ 3.55168 ,null,-21119.97888,null ],
    [ 3.5552 ,null,-23466.6432,null ],
    [ 3.55872 ,null,-25813.30752,null ],
    [ 3.56224 ,null,-28159.97184,null ],
    [ 3.56576 ,null,-30506.63616,null ],
    [ 3.56928 ,null,-32853.30048,null ],
    [ 3.5728 ,null,-35199.9648,null ],
    [ 3.57632 ,null,-37546.62912,null ],
    [ 3.57984 ,null,-39893.29344,null ],
    [ 3.58336 ,null,-42239.95776,null ],
    [ 3.58688 ,null,-44586.62208,null ],
    [ 3.5904 ,null,-46933.2864,null ],
    [ 3.59392 ,null,-49279.950720001,null ],
    [ 3.59744 ,null,-51626.615040001,null ]
    // [ $newx , $payyer],
    // [new Date(2014, 1), .4, 8.7],
    //[new Date(2014, 11), -.2, 4.5]
  ]);
  var classicOptions = {
    title: 'Your Exposed Deal',
    width: 430,
    height: 360,
    // Gives each series an axis that matches the vAxes number below.
    series: {
      0: {axis: '', },
      interval: {
        'interval': {
          'color': '#000000',
          'style':'bars',
          'barWidth':0,
          'lineWidth':4,
          'pointSize':1,
          'fillOpacity':1
        },
        // 'interval': { 'color': '#000000', 'style':'bars', 'barWidth':0, 'lineWidth':4, 'pointSize':1, 'fillOpacity':1 },
      }
    },
    colors: [ 'green','red','black'],
    vAxes: {
      // Adds titles to each axis.
      0: {title: 'Profit'},
    },
    hAxis: {
      title: 'Rate',
      legend: 'none'
    },
    vAxis: {
      viewWindow: { }
    }
  };

  function drawMaterialChart() {
    var materialChart = new google.charts.Line(chartDiv);
    materialChart.draw(data, materialOptions);
  }

  function drawClassicChart() {
    var classicChart = new google.visualization.LineChart(chartDiv);
    classicChart.draw(data, classicOptions);
  }

  drawClassicChart();
}