Highchart - цвета в зависимости от значений

Я хочу дать цвет для баров в зависимости от их значений.Highchart - цвета в зависимости от значений

Например, если вам значение бар 5000, то цвет должен быть темно-красный похож на 3000 меньше, чем темнее 5000 бар значения так далее ...

Я хочу, чтобы добавить общее пространство, как 100TB выше все бары (некоторые текст на моем значении бар)

` Наличие Гистограмма

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Disk Utility' 
     }, 
     subtitle: { 
      text: 'Source: <a href="https://en.wikipedia.org/wiki/World_population">Application Name</a>' 
     }, 
     xAxis: { 
      categories: ['Checkout', 'Hermes', 'Hybris', 'Marketplace', 'Mobile'], 
      title: { 
       text: null 
      } 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Used (TB)', 
       align: 'high' 
      }, 
      labels: { 
       overflow: 'justify' 
      } 
     }, 
     tooltip: { 
      valueSuffix: ' millions' 
     }, 
     plotOptions: { 
      column: { 
       dataLabels: { 
          enabled: true, 
          color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', 
          style: { 
           textShadow: '0 0 3px black' 
          } 
         } 
      } 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -40, 
      y: 80, 
      floating: true, 
      borderWidth: 1, 
      backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'), 
      shadow: true 
     }, 
     credits: { 
      enabled: false 
     }, 
     series: [{ 
      data: [107, 311, 635, 203, 244] 
     }] 
    }); 
});

enter code here

Fiddle

источник

2016-06-08 Anonymous

Эта точка не ясно >> Кроме того, я хочу, чтобы добавить общее пространство, как 100TB выше всех барах –

пожалуйста, помогите мне для сортировки вопроса 1 обновлено –

вы хотите добавить место 100 TB, значит, вы хотите добавить дополнительное пространство над столбцом? Или вы хотите поместить некоторый текст с помощью datalabel, чтобы показать, сколько использовано и сколько свободного места осталось от общего количества? –

Here is updated fiddle

Yo и можно использовать «зоны» в plotoptions, чтобы определить диапазон и соответствующий цвет, в соответствии с кодом ниже:

zones: [{ 
     value: 200, 
     color: '#bdbdbd' 
    },{ 
     value:300, 
     color: '#ff0000' 
    }, 
    { 
     value:500, 
     color: 'blue' 
    },{ 
     value:800, 
     color: 'black' 
    }]

источник

2016-06-08 10:46:44

Highchart - цвета в зависимости от значений

ответ

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