Feature #229
closedR&D on Charts for the dashboard integration
100%
Description
Please do research on the Charts for the dashboard integration.
Try with various options available in the market:
AmCharts
ECharts and etc.
Files
Updated by Pratyusha Atmakuri 12 months ago
- File AMCharts_Drill_Down_example.mov AMCharts_Drill_Down_example.mov added
- File Echarts Drilldown Bar charts.mov Echarts Drilldown Bar charts.mov added
Drill down Bar charts for Echarts & Amcharts
Updated by Pratyusha Atmakuri 12 months ago
- File angular-17-charts_Modal.zip angular-17-charts_Modal.zip added
- File Screen Recording 2024-04-30 at 12.02.13 AM.mov Screen Recording 2024-04-30 at 12.02.13 AM.mov added
Angular 17 Echarts with Modal Popup
Updated by Pratyusha Atmakuri 12 months ago
- File Screen Recording 2024-05-02 at 12.07.04 AM.mov Screen Recording 2024-05-02 at 12.07.04 AM.mov added
- File Screenshot 2024-05-01 at 11.56.22 PM.png Screenshot 2024-05-01 at 11.56.22 PM.png added
- File AMCHARTS_Stacked_Bar_Chart_Drilldown.zip AMCHARTS_Stacked_Bar_Chart_Drilldown.zip added
Stacked bar Chart JSON Structure
private getInitialData(): any[] {
return [
{
category: 'Fruits',
firstValue: 200,
secondValue: 100,
subData: [
{ category: 'Apples', firstValue: 120, secondValue: 60 },
{ category: 'Bananas', firstValue: 80, secondValue: 40 },
],
},
{
category: 'Vegetables',
firstValue: 150,
secondValue: 120,
subData: [
{ category: 'Tomatoes', firstValue: 75, secondValue: 50 },
{ category: 'Carrots', firstValue: 75, secondValue: 70 },
],
},
{
category: 'Legumes',
firstValue: 160,
secondValue: 90,
subData: [
{ category: 'Lentils', firstValue: 100, secondValue: 60 },
{ category: 'Chickpeas', firstValue: 60, secondValue: 30 },
],
},
{
category: 'Grains',
firstValue: 180,
secondValue: 150,
subData: [
{ category: 'Quinoa', firstValue: 90, secondValue: 60 },
{ category: 'Rice', firstValue: 90, secondValue: 90 },
],
},
{
category: 'Nuts and Seeds',
firstValue: 100,
secondValue: 50,
subData: [
{ category: 'Almonds', firstValue: 60, secondValue: 30 },
{ category: 'Walnuts', firstValue: 40, secondValue: 20 },
],
},
];
}