Как изменить абсциссу angular 6 строки

Question

Я использую этот код диаграммы https://stackblitz.com/edit/ng2-charts-line-template?file=src%2Fapp%2Fapp.component.ts, в моем проекте все выглядит хорошо, но мне нужно переместить абсциссу горизонтальных точек метки оси x (jan, февраль, март и др. c) вверх вместо ниже. Кто-нибудь может мне помочь, спасибо

Answer 1

Вы можете изменить местоположение по оси x, добавив следующие параметры в lineChartOptions

{
    scales: { 
      xAxes: [{ position: 'top'}]},
    responsive: true,
};

https://stackblitz.com/edit/ng2-charts-line-template-mlcsrc?embed=1&file=src / app / app.component.ts

К сожалению, это Сложно выполнить настройку в ng2-диаграммах или диаграммах. js,

Поэтому я хотел бы предложить вам использовать d3 (документы, управляемые данными). Используя d3, вы сможете создавать любые графики по своему усмотрению. .

Я изменил абсциссу, Вот ссылка на решение

https://stackblitz.com/edit/simple-line-chart-k3cu8q?embed=1&file=src / app / bar-chart.ts

Вы можете настроить это как вам нужно для более подробной информации вы можете посетить d3 .