我想在我的图表背景上根据y轴值显示3个色区,但据我所知,我无法通过不同颜色来控制背景颜色。
我的想法是用canvasOverlay绘制3条水平线 - 这是有效的。 问题是我想把这些线放在我的图形曲线后面,现在它在前面看到了我的点线。
我可以更改z-index或不透明度属性吗?
也许还有其他想法?
我的想法是用canvasOverlay绘制3条水平线 - 这是有效的。 问题是我想把这些线放在我的图形曲线后面,现在它在前面看到了我的点线。
我可以更改z-index或不透明度属性吗?
也许还有其他想法?
$.jqplot( 'ChartDIV', [data],
{
series: [{ showMarker: true}],
highlighter: {
sizeAdjust: 10,
show: true,
tooltipLocation: 'n',
useAxesFormatters: true
},
tickOptions: {
formatString: '%d'
},
canvasOverlay: {
show: true,
objects: [
{
horizontalLine:
{
name: 'low',
y: 1.0,
lineWidth: 100,
color: 'rgb(255, 0, 0)',
shadow: false
}
},
{
horizontalLine:
{
name: 'medium',
y: 2.0,
lineWidth: 100,
color: 'rgb(250, 250, 0)',
shadow: true
}
},
{
horizontalLine:
{
name: 'high',
y: 3.0,
lineWidth: 100,
color: 'rgb(145, 213, 67)',
shadow: false
}
},
]
},
axes: {
xaxis:
{
label: 'Dates',
renderer: $.jqplot.DateAxisRenderer,
rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer },
tickOptions: {
formatString: '%d/%m/%Y',
angle: -30,
fontFamily: 'Arial',
fontSize: '13px',
fontWeight: 'bold'
},
min: d[0] + "/" + d[1] + "/01",
tickInterval: '2 month',
labelOptions: {
fontFamily: 'Arial',
fontSize: '14pt',
fontWeight: 'bold',
textColor: '#0070A3'
}
},
yaxis:
{
label: 'Level',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
tickOptions: {
formatter: $.jqplot.tickNumberFormatter
},
rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer },
labelOptions: {
fontFamily: 'Arial',
fontSize: '14pt',
fontWeight: 'bold',
textColor: '#0070A3',
angle: -90
}
}
}
} );
jsfiddle
而不是仅使用代码片段。这可以节省回答者和您的时间,并确保回答者准确地了解您的问题所在。在这个问题中,我不得不添加我的数据等,还不得不删除其中一些内容。 - Boro