jQplot条形颜色错误的负值

Question

参见附图，当值为0或以下时，条形颜色错误。我有这样的代码集：

seriesColors:['#09c700','#ff0000','#3854ff']

negativeSeriesColors:['#09c700','#ff0000','#3854ff']

当值为0或更低时，它会跳过颜色。我的颜色设置已设置为第一个栏应为绿色，第二个红色，第三个蓝色，但您可以看到它＆＃39; s使第二个条（中间）变为蓝色，最后一个变为红色，这只发生因为中间条是负值。

Answer 1

这是因为它使用＆＃34;否定＆＃34;颜色，与您定义的＆＃34;正面＆＃34;颜色。您可以在系列渲染选项上使用useNegativeColors: false禁用负色。

＆＃13;

＆＃13;

$(document).ready(function(){
    var line1 = [['Nissan', 4],['Porche', -6],['Acura', 2]];
 
    $('#chart').jqplot([line1], {
        title:'Bar Chart with Custom Colors',
        seriesColors:['#09c700','#ff0000','#3854ff'],
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions: {
                varyBarColor: true,
                fillToZero: true,
                useNegativeColors: false
            }
        },
        axes:{
            xaxis:{
                renderer: $.jqplot.CategoryAxisRenderer
            }
        }
    });
});

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqPlot/1.0.9/jquery.jqplot.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqPlot/1.0.9/jquery.jqplot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqPlot/1.0.9/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqPlot/1.0.9/plugins/jqplot.barRenderer.min.js"></script>
<div id="chart"></div>

＆＃13;

＆＃13;

＆＃13;