сравнение дат nvd3 по оси x

#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"}]}]}
 

дата nvd3

Комментарии:

1. Насколько далеко друг от друга находятся две серии? Обычное количество, например, 24 часа?

2. Нет, я имею в виду дни. Например, если вы выбираете 7 дней из ввода, он генерирует предыдущую гистограмму за 7 дней до диапазона, который вы выбрали на входе.