Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何去除背景色?_Javascript_Jquery_Charts_Highcharts - Fatal编程技术网

Javascript 如何去除背景色?

Javascript 如何去除背景色?,javascript,jquery,charts,highcharts,Javascript,Jquery,Charts,Highcharts,你能告诉我怎样给排队的人换不同的颜色吗。实际上我在应用程序中使用highchart库。我想显示三种颜色的带状线或线条。我不能给单独的线条加颜色,但我能给单独的部分加背景色。实际上,我想给不同的线颜色,而不是背景色 我不想要背景色(绿色、纯色、黑色)。我想要三种颜色的线,分别是绿色、粉色和黑色 这是我的密码: { chart: { renderTo: 'container', type: 'gauge',

你能告诉我怎样给排队的人换不同的颜色吗。实际上我在应用程序中使用highchart库。我想显示三种颜色的带状线或线条。我不能给单独的线条加颜色,但我能给单独的部分加背景色。实际上,我想给不同的线颜色,而不是背景色

我不想要背景色(绿色、纯色、黑色)。我想要三种颜色的线,分别是绿色、粉色和黑色

这是我的密码:

{

        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会给出最终答案