Javascript 谷歌图表趋势线
我有这些数据,我正在谷歌图表趋势(类型=指数)中使用,其中我设置了第一列,用下面的数据进行编号Javascript 谷歌图表趋势线,javascript,angularjs,charts,google-visualization,Javascript,Angularjs,Charts,Google Visualization,我有这些数据,我正在谷歌图表趋势(类型=指数)中使用,其中我设置了第一列,用下面的数据进行编号 [[{"label":"SecuredYear","type":"number"},{"label":"ValueInDhs","type":"number"}],[2014,14715525.225000001],[2015,14445752.777]] 但当图表从2014.0、2014.5、2015.0和2015.5绘制出4条垂直线时,我每年只需要一条线,我们是否可以在点上获得标签,以及如何在悬
[[{"label":"SecuredYear","type":"number"},{"label":"ValueInDhs","type":"number"}],[2014,14715525.225000001],[2015,14445752.777]]
但当图表从2014.0、2014.5、2015.0和2015.5绘制出4条垂直线时,我每年只需要一条线,我们是否可以在点上获得标签,以及如何在悬停时移除y和x显示。
谢谢有几个选项可以更正x轴标签/网格线 1) 使用
hAxis.ticks
选项仅强制两个标签(使用
hAxis.format
删除任何逗号/小数)
请参阅以下工作片段
google.charts.load('current'{
回调:函数(){
新的google.visualization.LineChart(document.getElementById('chart\u div')).draw(
google.visualization.arrayToDataTable([
[
{“label”:“SecuredYear”,“type”:“number”},
{“label”:“ValueInDhs”,“type”:“number”}
],
[2014,14715525.225000001],[2015,14445752.777]
]),
{
哈克斯:{
格式:“0”,
滴答声:[2014、2015]
},
工具提示:{
触发器:“无”
}
}
);
},
软件包:['corechart']
});代码>
有几个选项可以更正x轴标签/网格线
1) 使用hAxis.ticks
选项仅强制两个标签
(使用hAxis.format
删除任何逗号/小数)
请参阅以下工作片段
google.charts.load('current'{
回调:函数(){
新的google.visualization.LineChart(document.getElementById('chart\u div')).draw(
google.visualization.arrayToDataTable([
[
{“label”:“SecuredYear”,“type”:“number”},
{“label”:“ValueInDhs”,“type”:“number”}
],
[2014,14715525.225000001],[2015,14445752.777]
]),
{
哈克斯:{
格式:“0”,
滴答声:[2014、2015]
},
工具提示:{
触发器:“无”
}
}
);
},
软件包:['corechart']
});代码>
完整答案:
{
hAxis: {
format: '0',
ticks: [2014, 2015]
},
tooltip: {
trigger: 'none'
},
trendlines: { 0: {} }
}
完整答案:
{
hAxis: {
format: '0',
ticks: [2014, 2015]
},
tooltip: {
trigger: 'none'
},
trendlines: { 0: {} }
}
这个问题运气好吗?这个问题运气好吗?
{
hAxis: {
format: '0',
ticks: [2014, 2015]
},
tooltip: {
trigger: 'none'
},
trendlines: { 0: {} }
}