Javascript 如何去除背景色?
你能告诉我怎样给排队的人换不同的颜色吗。实际上我在应用程序中使用highchart库。我想显示三种颜色的带状线或线条。我不能给单独的线条加颜色,但我能给单独的部分加背景色。实际上,我想给不同的线颜色,而不是背景色 我不想要背景色(绿色、纯色、黑色)。我想要三种颜色的线,分别是绿色、粉色和黑色 这是我的密码:Javascript 如何去除背景色?,javascript,jquery,charts,highcharts,Javascript,Jquery,Charts,Highcharts,你能告诉我怎样给排队的人换不同的颜色吗。实际上我在应用程序中使用highchart库。我想显示三种颜色的带状线或线条。我不能给单独的线条加颜色,但我能给单独的部分加背景色。实际上,我想给不同的线颜色,而不是背景色 我不想要背景色(绿色、纯色、黑色)。我想要三种颜色的线,分别是绿色、粉色和黑色 这是我的密码: { chart: { renderTo: 'container', type: 'gauge',
{
chart: {
renderTo: 'container',
type: 'gauge',
backgroundColor: 'transparent',
plotBackgroundColor: null,
plotBackgroundImage: null,
plotBorderWidth: 0,
plotShadow: false,
height:240,
width:290
},
credits: {
enabled: false
},
title: {
text: ''
},
pane: {
center: ['50%', '75%'],
size: '100%',
startAngle: -120,
endAngle: 120,
background: [{
borderWidth: 0,
backgroundColor: 'transparent'
}],
},
不同颜色的条纹和线条。我不想要背景色,我需要给线条加颜色,我们能给这个吗?
我需要更改线条颜色或小条纹颜色大约有100条小线条。我需要以不同的颜色显示默认情况下,您可以为每个小刻度/刻度设置单色。我添加了像“滴答声”这样的选项,您可以在其中定义范围的最小值/最大值和颜色(如在plotbands中)。然后通过代码片段,我们直接在SVG元素上应用color by attr()函数 选项:
yAxis:{
tickStops: [{
min: 0,
max: 100,
color: 'rgba(70,204,185,1)'
},{
min: 100,
max: 150,
color: 'rgba(232,140,240,1)',
},{
min: 150,
max: 200,
color: 'rgba(69,72,93,1)',
}],
}
片段:
var yAxis = chart.yAxis[0],
ticksStops = yAxis.options.tickStops,
each = Highcharts.each;
for(var tick in yAxis.minorTicks) {
var value = parseFloat(tick);
each(ticksStops, function(tStop, i) {
if(value >= tStop.min && value <= tStop.max) {
yAxis.minorTicks[tick].mark.attr({
stroke: tStop.color
});
}
});
}
var yAxis=chart.yAxis[0],
tickstop=yAxis.options.tickstop,
each=Highcharts.each;
for(yAxis.minorTicks中的变量勾号){
var值=解析浮点(勾号);
每个(按钮、功能(tStop、i){
如果(value>=tStop.min&&value而不是stops你应该使用minColor和maxColor。参考此我需要更改线条颜色或小条颜色大约有100条小线条。我需要以不同的颜色显示。我得到了,你发布。你想要更改小线条的颜色。我将尽快更新fiddle。请增加线条的高度另外..minorTickLength:15//为大于您的值的任何值。您要更改颜色,请使用minorTickColor:“#55BF3B”;我尝试使用该方法,但尚未成功在minorTickColor中添加多个颜色。预期@Sebastian会给出最终答案