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