2013-06-19 15 views
0

Используя графику флота, мне нужно разделить фон на два цвета. Это не будет прямо посередине, это будет иметь небольшое смещение.FlotCharts два цветных фона

Как я могу видеть, я не могу найти какие-либо документы в Интернете, которые предоставляют эту информацию. Если бы кто-то мог указать мне в правильном направлении, это было бы здорово. Может ли кто-нибудь ввести код, как это сделать, если это возможно?

+0

Задайте вопрос и сообщите, что вы уже пробовали решить эту проблему. –

+0

Мой вопрос: я не знаю, как это сделать, и я не могу его найти ... Я думал об использовании бара и изменении его непрозрачности, будет ли это работать? –

ответ

9

Если я правильно понимаю ваш вопрос, самым простым способом является использование опции gridmarkings.

Например:

$.plot($("#placeholder"), [ d1 ], {grid: { 
    markings: [ 
     {xaxis: { from: 0, to: 6 },color: "#C11B17"}, 
     {xaxis: { from: 6, to: 100},color: "#FDD017"} 
    ]} 
}); 

Производит:

enter image description here

скрипку here.

+0

Можно ли сделать правило, что цвет повторяется? То есть: красный для 0-2, 4-6, 8-10 ...; желтый для 2-4, 6-8, 10-12 ... – Minoru

+1

@Minoru, обязательно см. [здесь] (http://jsfiddle.net/CrAFv/69/) – Mark

+0

Спасибо, @Mark, я думал о чем-то более интуитивно понятный, но я думаю, что Флот не настолько мощный. – Minoru

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