2017-01-16 2 views
0

У меня есть старый угловой сайт, на котором мне нужно опираться, и одна из вещей, которую мне нужно сделать, - это изменить диаграмму, используя его опционный объект.Как установить диапазон оси значений времени в параметрах nvd3 на основе текущих значений min/max?

Прямо сейчас ось y идет от самого низкого времени до самого высокого времени, но мне нужно создать немного пространства выше и ниже тех, чтобы оно выглядело лучше.

Моей мыслью было добавить что-то вроде range: [minVal*0.9,maxVal*1.1] в атрибут yAxis, но это не сработало. Я смотрел вокруг, и все примеры, которые я нашел, были целыми числами и плаваниями, а не datetime.

Есть ли способ получить наименьшие и самые высокие значения массива времени и использования, которые помещаются в график, и как я могу использовать их для изменения диапазона оси?

Ниже представлена ​​текущая часть графика объекта опций.

chart: { 
     type: 'lineChart', 
     height: 600, 
     width: 1200, 
     x: function (d) { 
     return d3.time.format('%d/%m/%Y').parse(d[0]); 
     }, 
     y: function (d) { 
     return d3.time.format('%M:%S.%L').parse(d[1]); 
     }, 
     xAxis: { 
     axisLabel: "Date", 
     tickFormat: function (d) { 
      return d3.time.format('%d/%m/%Y')(new Date(d)); 
     } 
     }, 
     yAxis: { 
     axisLabel: "Time", 
     // range: [(minValue*0.9), (maxValue*1.1)], 
     tickFormat: function (d) { 
      return d3.time.format('%M:%S.%L')(new Date(d)); 
     } 
     } 

ответ

0

Вы можете использовать .forceY([min, max]) об объявлении графика, чтобы заставить диапазон Y-ось:

var chart = ...; 
chart.forceY([minValue * 0.9, maxValue * 1.1]); 
Смежные вопросы