Двойной 4 ноября лейбл в визуализации
Я просто обнаружил, что существует две записи данных с пометкой "4 ноября" на графике, хотя я получил правильные данные. Смотрите скриншот
Вот код, который я написал:
new Keen.Dataviz()
.el('#actionChart')
.title(' ')
.chartOptions({
axis: {
y: {
label: {
text: 'Count',
position: 'outer-middle'
},
min: 0,
padding: { bottom: 0 }
},
}
})
.height(300)
.colorMapping({
Presented: ANALYTICS_COLORS[1],
Facebook: ANALYTICS_COLORS[3],
SMS: ANALYTICS_COLORS[2]
})
.type('line')
.stacked(false)
.prepare();
});
и данные, которые я получил:
{"result": [{"value": [{"action": "presented", "result": 1661}, {"action": "selected_facebook", "result": 21}], "timeframe": {"start": "2018-11-01T07:00:00.000Z", "end": "2018-11-02T07:00:00.000Z"}}, {"value": [{"action": "presented", "result": 1398}, {"action": "selected_facebook", "result": 9}], "timeframe": {"start": "2018-11-02T07:00:00.000Z", "end": "2018-11-03T07:00:00.000Z"}}, {"value": [{"action": "presented", "result": 1718}, {"action": "selected_facebook", "result": 17}], "timeframe": {"start": "2018-11-03T07:00:00.000Z", "end": "2018-11-04T07:00:00.000Z"}}, {"value": [{"action": "presented", "result": 1498}, {"action": "selected_facebook", "result": 16}], "timeframe": {"start": "2018-11-04T07:00:00.000Z", "end": "2018-11-05T07:00:00.000Z"}}, {"value": [{"action": "presented", "result": 1330}, {"action": "selected_facebook", "result": 10}], "timeframe": {"start": "2018-11-05T07:00:00.000Z", "end": "2018-11-06T07:00:00.000Z"}}, {"value": [{"action": "presented", "result": 1351}, {"action": "selected_facebook", "result": 20}], "timeframe": {"start": "2018-11-06T07:00:00.000Z", "end": "2018-11-07T07:00:00.000Z"}}, {"value": [{"action": "presented", "result": 1819}, {"action": "selected_facebook", "result": 12}], "timeframe": {"start": "2018-11-07T07:00:00.000Z", "end": "2018-11-08T07:00:00.000Z"}}]}
Я попробовал последний файл.js, и та же проблема возникает
также добавить
axis: {
x: {
localtime: false
}
},
не работает, смотрите здесь
2 ответа
Найти причину от .call(function(){console.log(this.dataset);})
:
часовой пояс отличается. До GMT-7 последние три
Это, вероятно, связано с преобразованием местного часового пояса c3. https://github.com/keen/keen-dataviz.js#date-format Чтобы отключить преобразование, используйте код ниже:
const chart = new KeenDataviz({
container: '#some_container', // required
axis: {
x: {
localtime: false
}
}
});