2015-07-08 2 views
2

Я использую http://www.flotcharts.org/. Почему мои линии сетки исчезают?jQuery Flotcharts - показать линии сетки?

flot without grid lines

Вот код для моих вариантов сюжета:

var options = { 
     grid: { 
      markings: EVS, 
      clickable: true, 
      hoverable: true 
     }, 
     series: { 
      lines: { 
       show: true, 
       fill: true, 
       lineWidth: 1, 
       fillColor: { 
        colors: [{ 
         opacity: 1 
        }, { 
         opacity: 1 
        }] 
       } 
      } 
     }, 
     colors: ["rgba(41, 150, 206, 0.9)", "rgba(67, 90, 110, 0.4)", "rgba(255, 255, 255, 1)"], 
     crosshair: { 
      mode: "xy", 
      color: "#323232", 
      lineWidth: 1 
     }, 
     xaxis: { 
      mode: mode, 
      show: true, 
      position: "bottom", 
      color: "#323232", 
      font: { 
       size: 10, 
       lineHeight: 15 
      }, 
      labelHeight: 15, 
      tickLength: 5 
     }, 
     yaxis: { 
      show: true, 
      position: "left", 
      color: "#323232", 
      labelWidth: 20, 
      font: { 
       size: 10 
      }, 
      max: vmax + 20, 
      min: 0, 
      minTickSize: 1, 
      tickSize:20, 
      tickLength: 10 
     }, 
     pan: { 
      interactive: true, 
      cursor: "move", 
      frameRate: 60 
     }, 
     tooltip: true, 
     tooltipOpts: { 
      id: 'flotTip', //"flotTip" 
      content: '%x : %y km/h', //"%s | X: %x | Y: %y" 
      shifts: { 
       x: 10, //10 
       y: 20 //20 
      }, 
      defaultTheme: true, //true 
      lines: { 
       track: true, //false 
       threshold: 0.01 //0.05 
      }, 
      onHover: function (flotItem, $tooltipEl) { 
       if (flotItem.seriesIndex == 1) $tooltipEl[0].innerHTML = "Postój"; 
      } 
     } 
    }; 

Я просто хочу, простое YAxis линии.

PS. Перекрестье происходит от плагина перекрестия.

ответ

1

Не устанавливайте опцию tickLength, если вы хотите иметь линии на отметках. У флота нет «линий сетки» как такового, а тиковых линий, которые могут проходить через сетку. Если вы хотите только их на одной оси, установите параметр на одну ось, а не другую.

Из documentation (курсив):

"tickLength" длина клеща линий в пикселях. По умолчанию самые внутренние оси будут иметь тики, которые распространяются по всему графику, в то время как любые дополнительные оси используют небольшие тики. Значение null означает значение по умолчанию, , а число означает небольшие тики этой длины - установите его в 0, чтобы полностью скрыть линии.

+0

Спасибо, что работает. – Sko

Смежные вопросы