Javascript 如何自定义谷歌图表中特定点的颜色
如何从自定义数据图表上特定日期点的颜色。 阅读后,我尝试了此代码,但无效:Javascript 如何自定义谷歌图表中特定点的颜色,javascript,google-analytics,google-visualization,Javascript,Google Analytics,Google Visualization,如何从自定义数据图表上特定日期点的颜色。 阅读后,我尝试了此代码,但无效: var sessionsOverMonth = new gapi.analytics.googleCharts.DataChart({ reportType: 'ga', query: { 'dimensions': 'ga:date', 'metrics': 'ga:sessions', 'start-date':
var sessionsOverMonth = new gapi.analytics.googleCharts.DataChart({
reportType: 'ga',
query: {
'dimensions': 'ga:date',
'metrics': 'ga:sessions',
'start-date': '30daysAgo',
'end-date': 'yesterday',
},
chart: {
type: 'LINE',
container: 'sessions-over-month',
options: {width: '100%' ,
series: {
0: { pointShape: { type: 'star', sides: 5, dent: 0.05 }},
}
}
}
});
如何捕获图表上的特定日期并对其进行自定义?系列选项中的设置将影响整个数据系列或数据列 要更改序列中的特定点,需要使用,
特别是-->样式 下面的工作片段显示了如何在
googlevisualization
库中
google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Date','y',{role:'style'}],
[新日期(2017年2月1日),0,空],
[新日期(2017年2月2日),1日,空],
[新日期(2017年2月3日),2,'点{大小:16;形状类型:星形;填充颜色:#d81b60;}'],
[新日期(2017年2月4日),3日,无效],
[新日期(2017年2月5日),4日,空],
[新日期(2017年2月6日),5日,无效]
]);
var chart=new google.visualization.LineChart(document.getElementById('chart_div'));
图表绘制(数据、{
点数:6
});
}
我不确定google analytics
,数据集中是否有一列可以用作样式列?是的,WhiteHat,您的代码正在进行可视化,但在状态google analytics中,除了宽度属性之外,图表没有样式属性。