Highcharts fill bar background

Question

Привет, ребята У меня есть диаграмма с высоким графиком, которая представляет собой сложный планшет, и я пытаюсь дать моей диаграмме эффект, который она заполняет, почти как термометр. В настоящее время, когда диаграмма рисует красные и серые полосы, нажмите все вправо. Есть ли способ установить серый бар так, чтобы он сразу показывался при загрузке страницы, а затем красная полоска заливалась в серое полотно? Благодаря

http://jsfiddle.net/jimbob25/L974T/

series: [{ 
     name: 'null', 
     data: [5, 69, 86, 75, 48], 
     borderRadius: 5, 
     color: "gray" 
    }, { 
     name: 'Values', 
     data: [95, 31, 14, 25, 62], 
     color: "red", 
     borderRadius: 5 
    }] 

Update, я хотел бы, чтобы это выглядело как первый бар в следующей ссылке http://jsfiddle.net/L974T/3/

Вы можете видеть, что первый бар серого цвета, я могу сделать все остальное серый, и все будет хорошо, но бары не будут масштабироваться на основе разрешения

Answer 1

Вот что вы можете сделать:

• добавить еще один ряд, с различной стекой (как фон) - анимация для этой серии должны быть отключено (дублируется серого одного)
• изменить цвет для правой серии на прозрачный

И здесь работает код: http://jsfiddle.net/L974T/4/

series: [{ 
     name: 'null', 
     data: [5, 69, 86, 75, 48], 
     borderWidth: 0, 
     color: "rgba(0,0,0,0)" 
    }, { 
     name: 'null', 
     data: [5, 69, 86, 75, 48], 
     borderWidth: 0, 
     stack: 1, 
     animation: false, 
     color: "gray" 
    }, { 
     name: 'Values', 
     data: [95, 31, 14, 25, 62], 
     color: "red", 
     borderWidth: 0, 
     borderRadius: 5 
    }]