Charts 网格线的动态图形自定义颜色

Charts 网格线的动态图形自定义颜色,charts,dygraphs,gridlines,Charts,Dygraphs,Gridlines,我希望x轴标签上有日期(20Jul)的网格线为红色,但时间x轴标签为默认(黑色) 我曾尝试在动态图选项中使用“gridLineColor”,但它同时适用于所有网格线 view.chart = new Dygraph(panelForDygraph, data, { width: activeTab.getWidth() - 50, height: panel.up().up().getHeight() -

我希望x轴标签上有日期(20Jul)的网格线为红色,但时间x轴标签为默认(黑色)

我曾尝试在动态图选项中使用“gridLineColor”,但它同时适用于所有网格线

 view.chart = new Dygraph(panelForDygraph,
            data, {
                width: activeTab.getWidth() - 50,
                height: panel.up().up().getHeight() - 150,
                labels: channel,
                labelsSeparateLines: true,
                gridLineColor: 'lightgrey'               
            }
   );
以下是我想做的:


你可以用画笔画任何你喜欢的东西。查看页面以获取演示

在您的情况下,您可能需要以下内容:

view.chart=新动态图(
panelForDygraph,
数据{
宽度:activeTab.getWidth()-50,
高度:panel.up().up().getHeight()-150,
标签:频道,
标签:正确,
gridLineColor:“浅灰色”,
参考底图回调:函数(画布、区域、g){
var x1=g.toDomXCoord(新日期('2019-07-19');
var x2=g.toDomXCoord(新日期('2019-07-20');
canvas.fillStyle='red';
canvas.fillRect(x1,面积y,1,面积h);
canvas.fillRect(x2,面积y,1,面积h);
}
}
);
您可以根据口味调整宽度和位置