2016-02-26 2 views
1

Я пытаюсь использовать твердотельный датчик высокой четкости, и я хотел бы иметь легенду, однако разработчики Highcharts, похоже, удалили цветовой вариант из серии твердых колес, и я считаю, что это легенда тянет его цвет.Highcharts - легенда с цветовой кодировкой для сплошного датчика

series: [{ 
     name: 'Move', 
      borderColor: Highcharts.getOptions().colors[0], 
      color: Highcharts.getOptions().colors[0], 
      data: [{ 
       color: Highcharts.getOptions().colors[0], 
       radius: '100%', 
       innerRadius: '100%', 
       y: 80 
      }], 
      showInLegend:true 
     }, { 
      name: 'Exercise', 
      borderColor: Highcharts.getOptions().colors[1], 
      color: Highcharts.getOptions().colors[1], 
      data: [{ 
       color: Highcharts.getOptions().colors[1], 
       radius: '75%', 
       innerRadius: '75%', 
       y: 65 
      }], 
      showInLegend:true 
     }, { 
      name: 'Stand', 
      borderColor: Highcharts.getOptions().colors[2], 
      color: Highcharts.getOptions().colors[2], 
      data: [{ 
       color: Highcharts.getOptions().colors[2], 
       radius: '50%', 
       innerRadius: '50%', 
       y: 50 
      }], 
      showInLegend:true 
}] 

Jsfiddle

Есть ли способ, чтобы получить свою легенду, чтобы соответствовать цветам серии?

ответ

1

Мне не удалось выяснить, как окрасить маркер в легенду, но для меня маркеры в этом случае не имеют смысла. Итак, я отключил их в своей скрипке.

Чтобы покрасить текст, вы можете использовать функцию labelMormatter.

legend: { 
    labelFormatter: function() { 
    return '<span style="text-weight:bold;color:' + this.userOptions.color + '">' + this.name + '</span>'; 
    }, 
    symbolWidth: 0 
}, 

http://jsfiddle.net/9dq2p7dw/21/

+0

Спасибо, я пропустил эту функцию в API, и я думаю, что вы правы, маркеры бесполезны в данном случае, спасибо за спасение меня времени отслеживать, как их отключить также. –

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