Изменить Highcharts sparklines цвет маркера

Question

Как я могу покрасить маркеры в Highcharts Sparkline? Ниже нет никакого эффекта, маркеры все остаются в своем голубом цвете по умолчанию.

var $sparkline = $('.sparkline'), 
    colors = ['red','green','blue','green','red'], 
    data = [10,20,30,40,50]; 

$sparkline.highcharts('SparkLine', { 
    series: [{ 
     data: data 
    }], 
    plotOptions: { 
     series: { 
      marker: { 
       fillColor: { 
        formatter: function() { 
         return colors[this.x]; 
        } 
       } 
      } 
     } 
    }, 
    chart: {} 
}); 

Answer 1

Я не знаю, есть ли способ, чтобы предназначаться этот конкретный аспект диаграммы, но синий цвет, используемый по умолчанию, первый цвет в главном colors массиве диаграммы (#7cb5ec). Это настраивается с помощью свойства colors (http://api.highcharts.com/highcharts#colors):

$sparkline.highcharts('SparkLine', { 
    colors: [ ... ], 
    series: [{ 
     data: data 
    }], 
    ... 
}); 

Чтобы изменить его на красный в качестве примера, вы бы просто поместить '#f00' в качестве первого элемента массива:

$sparkline.highcharts('SparkLine', { 
    colors: [ '#f00' ], 
    ... 
}); 

JSFiddle demo.