Я создал гистограмму с диаграммой ng2. Каждые столбцы внутри A1. Как я могу отделиться? Вы можете найти здесь https://stackblitz.com/edit/ng2-charts-bar-chart?file=src/app/app.component.ts
Гистограмма Ng2-charts
Ответы (2)
Есть два варианта, которые зависят от того, что вы пытаетесь показать.
Вариант 1 (работает stackblitz): точки данных принадлежат разным элементам (яблоки, апельсины, дыни):
this.barChartData = [
{
data: [4900, 0, 0],
label: "A1",
backgroundColor: "rgba(180, 0, 0, 1)"
},
{
data: [0, 5500, 0],
label: "A2",
backgroundColor: "rgba(33, 81, 255, 1)"
},
{
data: [0, 0, 4800],
label: "A3",
backgroundColor: "rgba(255, 166, 0, 1)"
}
];
this.barChartLabels = ["A1", "A2", "A3"];
Вариант 2 (работает stackblitz): все три точки данных принадлежат к одному типу элементов (яблоки): все они должны отображаться в одном массиве данных:
this.barChartData = [
{
data: [4900, 5500, 4800],
backgroundColor: ["green", "pink", "yellow"]
}
];
this.barChartLabels = ["A1", "A2", "A3"];
person
Moshezauros
schedule
20.01.2021
Я хочу сделать, как вариант 1, который вы дали 0 Я не хочу давать 0, есть ли еще один, который можно показать? Раньше я использовал ту же диаграмму и тот же метод chartJS, но я не могу получить ту же диаграмму с ng2
- person Fatih Doğan; 20.01.2021
Просто хочу составить группу
- person Fatih Doğan; 20.01.2021
тогда что не так с вариантом 2?
- person Moshezauros; 20.01.2021
см. мой обновленный ответ с цветами
- person Moshezauros; 20.01.2021
Есть неопределенная этикетка, можете ли вы показать A1, A2 и A3 на этикетке
- person Fatih Doğan; 20.01.2021
это невозможно в одной группе
- person Moshezauros; 20.01.2021
Я так понимаю, спасибо, есть ли другой способ?
- person Fatih Doğan; 20.01.2021
только если вы потеряете нижние метки оси x -
this.barChartLabels = ["x axis"];, а остальные сохраните как исходный код
- person Moshezauros; 20.01.2021
Вариант 2 работает, но есть проблема с ярлыком, которую я хочу сделать, например
person
Fatih Doğan
schedule
20.01.2021
