Как придать сплошным цветам гистограммы в flot - PullRequest
Новая
       22

Как придать сплошным цветам гистограммы в flot

9 голосов
/ 16 февраля 2012

Мне нужно дать сплошные цвета гистограмм ... Я перешел по этой ссылке Пример гистограммы

Но я хочу дать сплошные цвета, а также мне нужно изменить цвета самостоятельно ... как это сделать ...

1 Ответ

21 голосов
/ 16 февраля 2012

Прежде всего, прочитайте API.txt , он отвечает на все ваши вопросы. Тогда вам нужно сделать две вещи. Когда вы указываете, что вы хотите столбцы, установите fill: 1, что говорит flot, чтобы сделать цвета 100% непрозрачными. Чтобы указать цвет для каждой серии, просто добавьте color:'red' к каждому объекту данных.

Таким образом, вы получите такой объект данных: 

var data = [
    {label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,300], [5,300]]},
    {label: 'bar', color:'blue', data: [[1,800], [2,600], [3,400], [4,200], [5,0]]},
    {label: 'baz', color:'yellow', data: [[1,100], [2,200], [3,300], [4,400], [5,500]]},
];

И варианты flot: 

{
    series: {
        stack: 1,
        bars: {
            show: true,
            barWidth: 0.6,
            fill:1
        }
    }
}

Смотрите это в действии здесь: http://jsfiddle.net/ryleyb/kKdxt/

...