Сила того же цвета на всех линиях

Question

Я решил. Я должен прочитать документацию API более подробно.

---

У меня есть 15 различных изоплета линии построены и все они должны быть #FF0000/Red. Все они имеют красный цвет, но им дают немного более темный и легкий вариант.

В Параметры объекта:

 var options = { 
      series: {      
       points: { 
        show: true, 
        radius: 5, 
        symbol: "circle", 
        fill: true, 
        color: ('#00FF00') 
       }, 
       lines: { 
        editable: false, 
        hoverable: false, 
        clickable: false, 
        color: ("#FF0000") 
       } 
      }, 
      yaxes: [ { 
       position: "left", 
       min: 0, max: 60, 
       tickSize: 4, 
       //color: 'transparent' 
      } ], 
      xaxes: [ { 
       position: "bottom", 
       min: 7.00, max: 7.80, 
       //color: 'transparent' 
      } ], 
      grid: { 
       backgroundColor: "white", 
       editable: true, 
       hoverable: false, 
       clickable: false 
      }, 
      legend: { 
       position: "nw" 
      }, 
      colors: ['#FF0000'],     
     }; 

Объект данных:

 var data = [     
      { data: line10, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line15, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line20, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line25, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line30, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line35, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line40, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line50, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line60, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line70, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line80, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line90, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line100, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line110, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 
      { data: line120, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false }, 


      { data: startPoint, lines: { show: true }, points: { show: true }, editable: true, editMode: 'xy', color: '#00FF00' }, 
     ]; 

Документация Flot.js API гласит следующее:

Если есть еще ряд данных, чем цвета, Flot будет пытаться генерировать дополнительные цвета, осветляя и затемняя цвета в теме.

Возможно ли установить этот параметр в значение false или принудительно установить цвет?

Answer 1

Как только я отправил свой вопрос, я понял, почему бы не попытаться добавить один и тот же цвет 15 раз. Это сработало.

Я изменил

colors: ['#FF0000'] 

в

colors: ['#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000', '#FF0000'] 

Одно ограничение в том, что они основаны на индексатор с нуля, так что если я добавить любой другой Flot data series между ними я должен изменить цвета ,

---

Nevermind мой вопрос вообще, я перечитал документацию по API и узнал, что color не является частью lines объекта. Это то, что я делал неправильно.

Я изменил объект данных к этому, цвет устанавливается в конце каждой строки:

  var data = [     
       { data: line10, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line15, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line20, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line25, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line30, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line35, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line40, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line50, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line60, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line70, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line80, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line90, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line100, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line110, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 
       { data: line120, lines: { show: true, lineWidth: 2 }, points: { show: false }, editable: false, clickable: false, hoverable: false, color: "#FF0000" }, 


       { data: startPoint, lines: { show: true }, points: { show: true }, editable: true, editMode: 'xy', color: '#00FF00' }, 
      ];