Javascript 谷歌图表api显示两条线的信息时,两条线相交有什么解决方案吗?
我正在使用GoogleCharts api制作一些图表。下面是我正在使用的代码Javascript 谷歌图表api显示两条线的信息时,两条线相交有什么解决方案吗?,javascript,html,ajax,google-visualization,pygooglechart,Javascript,Html,Ajax,Google Visualization,Pygooglechart,我正在使用GoogleCharts api制作一些图表。下面是我正在使用的代码 load('current',{'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=google.visualization.arrayToDataTable([ [“年度”、“销售额”、“费用”], ['2004', 1000, 400], ['2005', 1170,
load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”],
['2004', 1000, 400],
['2005', 1170, 1170],
['2006', 660, 1120],
['2007', 1030, 540],
['2008', 660, 660],
['2009', 1030, 540]
]);
变量选项={
标题:“公司业绩”,
curveType:'函数',
图例:{位置:'bottom'}
};
var chart=new google.visualization.LineChart(document.getElementById('curve_chart');
图表绘制(数据、选项);
}
尝试使用
focusTarget:“类别”
在中,请参见以下示例
google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”],
['2004', 1000, 400],
['2005', 1170, 1170],
['2006', 660, 1120],
['2007', 1030, 540],
['2008', 660, 660],
['2009', 1030, 540]
]);
新的google.visualization.LineChart(document.getElementById('chart\u div')).draw(data{
焦点目标:“类别”,
标题:“公司业绩”,
curveType:'函数',
图例:{位置:'bottom'}
});
},
软件包:['corechart']
});代码>
谢谢,伙计,这很有效。但是,是否可以只显示相交线的单个信息框,而其他信息框应该是分开的?不是通过配置选项,需要创建自定义工具提示内容。我的意思是我不明白如何为这个场景构建逻辑。对不起,我忘记回答了。你的回答对我帮助很大。我现在正在尝试实现这一点以供我使用。我需要对动态数据进行一些计算。现在使用你的解决方案这将很容易。@WhiteHat,是否有选项突出显示2006年和2007年之间的交点?