Как редактировать ось X Amcharts? - PullRequest
Новая
       10

Как редактировать ось X Amcharts?

0 голосов
/ 27 ноября 2018

Я использую Amcharts в приложении реагирования, используя следующую библиотеку lib amcharts3-реаги * .

Это моя конфигурация Amcharts: 

export const arabicCharts = {
  "type": "serial",
  "theme": "light",
  "autoMarginOffset": 20,
  "graphs": [{
    "id": "g1",
    "balloonText": "[[value]]",
    "bullet": "diamond",
    "bulletBorderAlpha": 1,
    "bulletColor": "#FFFFFF",
    "hideBulletsCount": 50,
    "title": "red line",
    "valueField": "ay",
    "lineAlpha": 0.8,
    "lineThickness": 2,
    "lineColor": "#b0de09",
    "fillAlphas": 0,
    "useLineColorForBulletBorder": true
  }, {
    "id": "g2",
    "balloonText": "[[value]]",
    "bullet": "round",
    "bulletBorderAlpha": 1,
    "bulletColor": "#FFFFFF",
    "hideBulletsCount": 50,
    "title": "red line",
    "valueField": "by",
    "lineAlpha": 0.8,
    "lineThickness": 2,
    "lineColor": "#fcd202",
    "fillAlphas": 0,
    "useLineColorForBulletBorder": true
  }],
  "chartCursor": {
    "limitToGraph": "g1"
  },
  "categoryField": "date",
  "categoryAxis": {
    "parseDates": true,
    "axisColor": "#DADADA",
    "dashLength": 1,
    "minorGridEnabled": true
  },
  "valueAxes": [{
    "axisAlpha": 0,
    "position": "right",
  },{
    "axisAlpha": 1,
    "position": "bottom",
  }],
};

valueAxes применяется только для оси Y, добавляя его заголовок.

Почему не применяется для оси X?ValueAxes второй объект не работает.Спасибо.

1 Ответ

0 голосов
/ 27 ноября 2018

Я уже ответил на Github, но для всех, кого это интересует (обратите внимание, что это относится к AmCharts 3):

Последовательные диаграммы в AmCharts 3 могут иметь только одну горизонтальную ось / ось X (или Y, если rotate: true установлено), и эта ось должна быть осью категории, которая не является полностью числовой.Вы можете установить вторую ось значений как вторую ось Y (position: "left" или position: "right"), но вам также нужно указать идентификаторы и назначить им свои графики, например, 

graphs: [{
  // ...
  "valueAxis": "v1, //use right hand axis
}, {
  // ...
  valueAxis: "v2" //use left hand axis
}],
// ...
valueAxes: [{
  "position": "right",
  "id": "v1",
  // ...
}, {
  "position": "left",
  "id": "v2"
}]

Если вам нужны обачисловые оси X и Y, рассмотрите возможность использования XY-диаграммы v3.

...