#vue.js #d3.js #nvd3.js
#vue.js #d3.js #nvd3.js
Вопрос:
Как вы можете видеть на фотографии, я вставил 2 разных ряда в nvd3 с функцией datum. Текущая строка показывает сегодняшний день, а предыдущая строка показывает предыдущий диапазон дат данных. Что, если я хочу объединить его в одном диапазоне с первым массивом серий, что означает текущий. Что я должен делать на nvd3?
nv.addGraph(() => {
var height = 400;
var chart = nv.models.lineChart().useInteractiveGuideline(true).showLegend(true).showYAxis(true).showXAxis(true);
//chart.xAxis.axisLabel('Date').tickValues((d) => d3.time.format("%Y-%m-%d")(new Date(d)));
chart.yAxis.axisLabel('Voltage (v)').tickFormat(d3.format('.02f'));
this.redraw(chart)
this.chartRef = chart
});
d3.select(this.$refs.chart).datum(this.metrics.series).call(chart);
Вы можете найти пример серии ниже:
{"series":[{"key":"Current","values":[{"x":1609680551000,"y":"0.00"},{"x":1609766951000,"y":"0.00"},{"x":1609853351000,"y":"0.00"},{"x":1609939751000,"y":"0.00"},{"x":1610026151000,"y":"0.00"},{"x":1610112551000,"y":"0.00"},{"x":1610198951000,"y":"0.00"},{"x":1610285351000,"y":"0.00"}]},{"key":"Previous","values":[{"x":1609075751000,"y":"0.00"},{"x":1609162151000,"y":"0.00"},{"x":1609248551000,"y":"0.00"},{"x":1609334951000,"y":"0.00"},{"x":1609421351000,"y":"0.00"},{"x":1609507751000,"y":"0.00"},{"x":1609594151000,"y":"0.00"},{"x":1609680551000,"y":"0.00"}]}]}
Комментарии:
1. Насколько далеко друг от друга находятся две серии? Обычное количество, например, 24 часа?
2. Нет, я имею в виду дни. Например, если вы выбираете 7 дней из ввода, он генерирует предыдущую гистограмму за 7 дней до диапазона, который вы выбрали на входе.