Как указать лимит цвета для линейного графика - PullRequest
Новая
       7

Как указать лимит цвета для линейного графика

0 голосов
/ 11 сентября 2018

Как указать другой цвет для линии, указав верхний и нижний предел в Amchart.

Пожалуйста, найдите ниже код для линейного графика. 

 {
          'id': 'g3',
          "title": "Temperature",
          'balloonText':'[[category]]<br><b><span style=\'font-size:14px;\'>[[value]]</span></b>',
          'bullet': 'round',
          'bulletSize': 8,
          "lineColor": "#9524a3",
          'lineThickness': 1,
          'negativeLineColor': '#FF0000',
          'type': 'smoothedLine',
            "negativeBase":8,
            'valueField':"temperature",
        },

, так как я могу установить нижний предел с помощью свойства негативной базы.Как установить верхний предел?

1 Ответ

0 голосов
/ 12 сентября 2018

Хотя положительной базовой настройки нет, вы можете использовать комбинацию негатива LineColor и lineColor для переключения цвета графика в зависимости от его уменьшения или увеличения.

Вот пример: https://codepen.io/team/amcharts/pen/155bbc984311730a95242f38c84f78d1

"graphs": [{
    "useNegativeColorIfDown": true,
    "lineColor": "#cddd00",
    "negativeLineColor": "#ccb7dc",

График будет иметь значение LineColor при увеличении и отрицательный LineColor при уменьшении.

https://docs.amcharts.com/3/javascriptcharts/AmGraph#useNegativeColorIfDown https://docs.amcharts.com/3/javascriptcharts/AmGraph#negativeLineColor

ИЛИ

Вы можете взять значение цвета из json и использовать lineColorField.

Ниже приведен объект json и линейный график 

{
    "DeviceName": "1Device",
    "Date": "2018-09-11 20:10:55",
    "temperature": 10.00,
    "Color temperature": "#ff3232",
    "humidity": 10.00,
    "Color humidity": "#17c723",
    "co2": 10.00,
    "Color co2": "#ff3232",
    "airpressure": 10.00,
    "Color airpressure": "#9bbd3b"
}

{
    'id': "g"+i,
    "title": data["Parameter"][i],
    'balloonText':'[[category]]<br><b><span style=\'font-size:14px;\'>[[value]]</span></b>',
    'bullet': 'round',
    'bulletSize': 8,
    "lineColor": data["Colors"][i],
  //  "legendColorField": "Color "+data["Parameter"][i],
    "lineColorField": "Color "+data["Parameter"][i],
    'lineThickness': 1,
   //  "negativeBase":5,
    //'negativeLineColor': '#FF0000',
    'type': 'smoothedLine',
    'valueField': data["Parameter"][i],
  }
...