Dynamic 当动态生成线低于另一条线jqplot时,更改其颜色

Dynamic 当动态生成线低于另一条线jqplot时,更改其颜色,dynamic,colors,jqplot,lines,Dynamic,Colors,Jqplot,Lines,我制作了一个jqplot,其中一行是由一些问题动态创建的,另外两行是由行业标准和最佳实践行创建的 我希望能够在低于行业标准时更改动态创建线的颜色,如果超过最佳实践线,则再次更改 这是可能的还是我想走得太远了 提前感谢大家的回复 以下是我的一些代码: //Get radio Values var values = $('input:radio:checked').map(function () { return this.value; }).get(); var line1

我制作了一个jqplot,其中一行是由一些问题动态创建的,另外两行是由行业标准和最佳实践行创建的

我希望能够在低于行业标准时更改动态创建线的颜色,如果超过最佳实践线,则再次更改

这是可能的还是我想走得太远了

提前感谢大家的回复

以下是我的一些代码:

//Get radio Values  var values = $('input:radio:checked').map(function () { 
  return this.value; }).get(); 


    var line1 =[[1,values[0]], [2,values[1]], [3,values[2]], [4,values[3]], [5,values[4]]];
var line2 =[[1,4],[2,5],[3,4],[4,5],[5,5]];
var line3 =[[1,1],[2,2],[3,2],[4,4],[5,4]];

  $.jqplot('chartdiv',  [line2,line1,line3],

{  title:'Best Practices Chart',   highlighter: {useAxesFormatters: true,       showTooltip: true,
tooltipLocation: 'nw',
lineWidthAdjust: 2.5, },

grid:{  
drawGridLines: true,
backgroundColor: '#FFFFFF'},//plot labels   axes:{yaxis:{ticks:['Poor','Low', 'Medium', 'High', 'Best Practice'],   renderer: $.jqplot.CategoryAxisRenderer,


xaxis:{ticks:['DP Officer', 'Policies & Procedures', 'Awareness & Education', 'Information Security', 'Data Quality'],   renderer: $.jqplot.CategoryAxisRenderer, 

seriesColors: ["#00FF00", "#000000", "#0000FF"],legend: {
        show: true,
      }, series: [

{markerOptions: {style:'dimaond'}, label: 'Best Practise'},
{label: 'Your Practise'},
{markerOptions: {style:'filledSquare'}, label: 'Average Practise'},],
    });
  }); });

在样本中,2秒钟后,第一条白色的线被重新绘制为黑色。您可以将其用于重绘,但请记住,中不会更改其默认属性,例如,与示例中一样,当您按下按钮时,线条将以默认颜色重新绘制。

您必须在与系列相同的系列画布上绘制新线,并且您需要自己获取点,例如,通过在两条线之间进行交叉:你的线和网格的水平线,这标志着良好/不良的做法。如何在我展示的画布上绘制自定义内容,例如。因为你将不得不做定制绘画,你可以忘记之前的样品,专注于获取分数和检查我在这里添加的样品。嘿,波罗,谢谢你的快速回复。这真的很有用,非常感谢,但如果线条的颜色高于或低于某个点,这是一种改变线条颜色的方法。它将被用来强调一个好的或坏的做法?再次感谢这不是一个最简单的问题,尽管我喜欢它(+1前)。我一直在用它做一些实验。这显示了你可以如何去做我在上面的评论中描述的事情。在将来的某个时候,我将在中对此进行研究,但如果您能够更早地解决您的问题,请在这里与我们分享。顺便说一句,你可以很容易地开始工作的样本提供的只是分叉。