Как отобразить многострочный график на графике Amstock? - PullRequest
0 голосов
/ 16 января 2019

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

Я пытался использовать настройку параметров диаграммы Amstock, но все еще не работал.

export let Config = (configDataSets) => {
  let dataSets = []

  configDataSets.forEach((configDataSet, i) => {    
    dataSets.push({
      "title": configDataSet.title,
      "fieldMappings": [{
        "fromField": "value",
        "toField": "value"
      }],
      "dataProvider": configDataSet.dataProvider,
      "categoryField": "date"
    })
  })

  let config = {
    "type": "stock",
    "theme": "light",
    "dataSets": dataSets,
    "panels": [{
      "showCategoryAxis": false,
      "title": "Value",
      "categoryAxis": {},
      "percentHeight": 70,
      "stockGraphs": [{
        "id": "g1",
        "bullet": "round",
        "valueField": "value",
        "comparable": true,
        "compareField": "value",
        "balloonText": "[[title]]:<b>[[value]]</b>",
        "compareGraphBalloonText": "[[title]]:<b>[[value]]</b>"
      }],
      "stockLegend": {
        "periodValueTextComparing": "[[percents.value.close]]%",
        "periodValueTextRegular": "[[value.close]]"
      }
    }, {
      "title": "Value",
      "percentHeight": 30,
      "stockGraphs": [{
        "valueField": "value",
        "type": "column",
        "showBalloon": false,
        "fillAlphas": 1
      }],
      "stockLegend": {
        "periodValueTextRegular": "[[value.close]]"
      }
    }],

    "chartScrollbarSettings": {
      "graph": "g1"
    },

    "chartCursorSettings": {
      "valueBalloonsEnabled": true,
      "fullWidth": true,
      "cursorAlpha": 0.1
    },

    "panelsSettings": {
      "recalculateToPercents": "never"
    },

    "periodSelector": {
      "position": "left",
      "periods": [ {
        "period": "MM",
        "selected": true,
        "count": 1,
        "label": "1 month"
      }, {
        "period": "YYYY",
        "count": 1,
        "label": "1 year"
      }, {
        "period": "YTD",
        "label": "YTD"
      }, {
        "period": "MAX",
        "label": "MAX"
      } ]
    },

    "dataSetSelector": {
      "position": "left",
    },

    "export": {
      "enabled": true
    },

    "responsive": {
      "enabled": true
    }
  }

  return config
}

то, что я ожидал, сравнивая данные, остальные данные покажут свой линейный график или значение

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...