@operato/scene-chartjs 0.0.7 → 0.0.11

package/dist/templates/line-chart.d.ts

@@ -0,0 +1,97 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: any;
+    group: string;
+    model: {
+        type: string;
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        chart: {
+            type: string;
+            data: {
+                labels: never[];
+                datasets: {
+                    label: string;
+                    type: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    borderWidth: number;
+                    pointBorderColor: string;
+                    pointBorderWidth: number;
+                    pointBackgroundColor: string;
+                    lineTension: number;
+                    yAxisID: string;
+                    data: never[];
+                    dataKey: string;
+                    fill: boolean;
+                }[];
+                labelDataKey: string;
+            };
+            options: {
+                theme: string;
+                xGridLine: boolean;
+                yGridLine: boolean;
+                legend: {
+                    display: boolean;
+                    position: string;
+                };
+                scales: {
+                    xAxes: {
+                        gridLines: {
+                            display: boolean;
+                        };
+                        scaleLabel: {
+                            labelString: string;
+                            display: boolean;
+                        };
+                        ticks: {
+                            display: boolean;
+                        };
+                    }[];
+                    yAxes: ({
+                        id: string;
+                        position: string;
+                        gridLines: {
+                            display: boolean;
+                        };
+                        scaleLabel: {
+                            labelString: string;
+                            display: boolean;
+                        };
+                        ticks: {
+                            autoMin: boolean;
+                            autoMax: boolean;
+                            display: boolean;
+                        };
+                        display?: undefined;
+                    } | {
+                        id: string;
+                        position: string;
+                        display: boolean;
+                        gridLines: {
+                            display: boolean;
+                        };
+                        scaleLabel: {
+                            labelString: string;
+                            display: boolean;
+                        };
+                        ticks: {
+                            autoMin: boolean;
+                            autoMax: boolean;
+                            display: boolean;
+                        };
+                    })[];
+                };
+            };
+        };
+        data: {
+            data: string;
+            value1: number;
+            value2: number;
+        }[];
+    };
+};
+export default _default;

package/dist/templates/line-chart.js

@@ -0,0 +1,152 @@
+import icon from '../../assets/line-chart.png';
+export default {
+    type: 'line chart',
+    description: 'ChartJS - line chart',
+    icon: icon,
+    group: 'chartAndGauge',
+    /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+    model: {
+        type: 'chartjs',
+        top: 0,
+        left: 0,
+        width: 200,
+        height: 200,
+        chart: {
+            type: 'line',
+            data: {
+                labels: [],
+                datasets: [
+                    {
+                        label: 'series 1',
+                        type: 'line',
+                        backgroundColor: 'rgb(66, 110, 164)',
+                        borderColor: 'rgb(66, 110, 164)',
+                        borderWidth: 3,
+                        pointBorderColor: 'rgb(66, 110, 164)',
+                        pointBorderWidth: 3,
+                        pointBackgroundColor: 'rgba(255,255,255,1)',
+                        lineTension: 0.4,
+                        yAxisID: 'left',
+                        data: [],
+                        dataKey: 'value1',
+                        fill: false
+                    },
+                    {
+                        label: 'series 2',
+                        type: 'line',
+                        backgroundColor: 'rgb(62, 196, 221)',
+                        borderColor: 'rgb(62, 196, 221)',
+                        borderWidth: 3,
+                        pointBorderColor: 'rgb(62, 196, 221)',
+                        pointBorderWidth: 3,
+                        pointBackgroundColor: 'rgba(255,255,255,1)',
+                        lineTension: 0.4,
+                        yAxisID: 'left',
+                        data: [],
+                        dataKey: 'value2',
+                        fill: false
+                    }
+                ],
+                labelDataKey: 'data'
+            },
+            options: {
+                theme: 'dark',
+                xGridLine: false,
+                yGridLine: true,
+                legend: {
+                    display: true,
+                    position: 'top'
+                },
+                scales: {
+                    xAxes: [
+                        {
+                            gridLines: {
+                                display: false
+                            },
+                            scaleLabel: {
+                                labelString: '',
+                                display: false
+                            },
+                            ticks: {
+                                display: true
+                            }
+                        }
+                    ],
+                    yAxes: [
+                        {
+                            id: 'left',
+                            position: 'left',
+                            gridLines: {
+                                display: true
+                            },
+                            scaleLabel: {
+                                labelString: '',
+                                display: false
+                            },
+                            ticks: {
+                                autoMin: true,
+                                autoMax: true,
+                                display: true
+                            }
+                        },
+                        {
+                            id: 'right',
+                            position: 'right',
+                            display: false,
+                            gridLines: {
+                                display: false
+                            },
+                            scaleLabel: {
+                                labelString: '',
+                                display: false
+                            },
+                            ticks: {
+                                autoMin: true,
+                                autoMax: true,
+                                display: true
+                            }
+                        }
+                    ]
+                }
+            }
+        },
+        data: [
+            {
+                data: 'Data 1',
+                value1: 20,
+                value2: 60
+            },
+            {
+                data: 'Data 2',
+                value1: 30,
+                value2: 10
+            },
+            {
+                data: 'Data 3',
+                value1: 80,
+                value2: 40
+            },
+            {
+                data: 'Data 4',
+                value1: 20,
+                value2: 30
+            },
+            {
+                data: 'Data 5',
+                value1: 40,
+                value2: 80
+            },
+            {
+                data: 'Data 6',
+                value1: 10,
+                value2: 30
+            },
+            {
+                data: 'Data 7',
+                value1: 60,
+                value2: 20
+            }
+        ]
+    }
+};
+//# sourceMappingURL=line-chart.js.map

package/dist/templates/line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/templates/line-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import icon from '../../assets/line-chart.png'\n\nexport default {\n  type: 'line chart',\n  description: 'ChartJS - line chart',\n  icon: icon,\n  group: 'chartAndGauge',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  model: {\n    type: 'chartjs',\n    top: 0,\n    left: 0,\n    width: 200,\n    height: 200,\n    chart: {\n      type: 'line',\n      data: {\n        labels: [],\n        datasets: [\n          {\n            label: 'series 1',\n            type: 'line',\n            backgroundColor: 'rgb(66, 110, 164)',\n            borderColor: 'rgb(66, 110, 164)',\n            borderWidth: 3,\n            pointBorderColor: 'rgb(66, 110, 164)',\n            pointBorderWidth: 3,\n            pointBackgroundColor: 'rgba(255,255,255,1)',\n            lineTension: 0.4,\n            yAxisID: 'left',\n            data: [],\n            dataKey: 'value1',\n            fill: false\n          },\n          {\n            label: 'series 2',\n            type: 'line',\n            backgroundColor: 'rgb(62, 196, 221)',\n            borderColor: 'rgb(62, 196, 221)',\n            borderWidth: 3,\n            pointBorderColor: 'rgb(62, 196, 221)',\n            pointBorderWidth: 3,\n            pointBackgroundColor: 'rgba(255,255,255,1)',\n            lineTension: 0.4,\n            yAxisID: 'left',\n            data: [],\n            dataKey: 'value2',\n            fill: false\n          }\n        ],\n        labelDataKey: 'data'\n      },\n      options: {\n        theme: 'dark',\n        xGridLine: false,\n        yGridLine: true,\n        legend: {\n          display: true,\n          position: 'top'\n        },\n        scales: {\n          xAxes: [\n            {\n              gridLines: {\n                display: false\n              },\n              scaleLabel: {\n                labelString: '',\n                display: false\n              },\n              ticks: {\n                display: true\n              }\n            }\n          ],\n          yAxes: [\n            {\n              id: 'left',\n              position: 'left',\n              gridLines: {\n                display: true\n              },\n              scaleLabel: {\n                labelString: '',\n                display: false\n              },\n              ticks: {\n                autoMin: true,\n                autoMax: true,\n                display: true\n              }\n            },\n            {\n              id: 'right',\n              position: 'right',\n              display: false,\n              gridLines: {\n                display: false\n              },\n              scaleLabel: {\n                labelString: '',\n                display: false\n              },\n              ticks: {\n                autoMin: true,\n                autoMax: true,\n                display: true\n              }\n            }\n          ]\n        }\n      }\n    },\n    data: [\n      {\n        data: 'Data 1',\n        value1: 20,\n        value2: 60\n      },\n      {\n        data: 'Data 2',\n        value1: 30,\n        value2: 10\n      },\n      {\n        data: 'Data 3',\n        value1: 80,\n        value2: 40\n      },\n      {\n        data: 'Data 4',\n        value1: 20,\n        value2: 30\n      },\n      {\n        data: 'Data 5',\n        value1: 40,\n        value2: 80\n      },\n      {\n        data: 'Data 6',\n        value1: 10,\n        value2: 30\n      },\n      {\n        data: 'Data 7',\n        value1: 60,\n        value2: 20\n      }\n    ]\n  }\n}\n"]}

package/dist/templates/mixed-chart.d.ts

@@ -0,0 +1,113 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: any;
+    group: string;
+    model: {
+        type: string;
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        chart: {
+            type: string;
+            subType: string;
+            data: {
+                labels: never[];
+                datasets: ({
+                    type: string;
+                    label: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    borderWidth: number;
+                    pointBorderColor: string;
+                    pointBorderWidth: number;
+                    pointBackgroundColor: string;
+                    lineTension: number;
+                    fill: boolean;
+                    yAxisID: string;
+                    data: never[];
+                    dataKey: string;
+                } | {
+                    type: string;
+                    label: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    borderWidth: number;
+                    yAxisID: string;
+                    data: never[];
+                    dataKey: string;
+                    pointBorderColor?: undefined;
+                    pointBorderWidth?: undefined;
+                    pointBackgroundColor?: undefined;
+                    lineTension?: undefined;
+                    fill?: undefined;
+                })[];
+                labelDataKey: string;
+            };
+            options: {
+                theme: string;
+                multiAxis: boolean;
+                xGridLine: boolean;
+                yGridLine: boolean;
+                legend: {
+                    display: boolean;
+                    position: string;
+                };
+                scales: {
+                    xAxes: {
+                        gridLines: {
+                            display: boolean;
+                        };
+                        scaleLabel: {
+                            labelString: string;
+                            display: boolean;
+                        };
+                        ticks: {
+                            display: boolean;
+                        };
+                    }[];
+                    yAxes: ({
+                        position: string;
+                        id: string;
+                        gridLines: {
+                            display: boolean;
+                        };
+                        scaleLabel: {
+                            labelString: string;
+                            display: boolean;
+                        };
+                        ticks: {
+                            autoMin: boolean;
+                            autoMax: boolean;
+                            display: boolean;
+                        };
+                        display?: undefined;
+                    } | {
+                        id: string;
+                        position: string;
+                        display: boolean;
+                        gridLines: {
+                            display: boolean;
+                        };
+                        scaleLabel: {
+                            labelString: string;
+                            display: boolean;
+                        };
+                        ticks: {
+                            autoMin: boolean;
+                            autoMax: boolean;
+                            display: boolean;
+                        };
+                    })[];
+                };
+            };
+        };
+        data: {
+            data: string;
+            value1: number;
+            value2: number;
+        }[];
+    };
+};
+export default _default;

package/dist/templates/mixed-chart.js

@@ -0,0 +1,149 @@
+import icon from '../../assets/mixed-chart.png';
+export default {
+    type: 'mixed chart',
+    description: 'ChartJS - mixed chart',
+    icon: icon,
+    group: 'chartAndGauge',
+    /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+    model: {
+        type: 'chartjs',
+        top: 0,
+        left: 0,
+        width: 200,
+        height: 200,
+        chart: {
+            type: 'bar',
+            subType: 'mixed',
+            data: {
+                labels: [],
+                datasets: [
+                    {
+                        type: 'line',
+                        label: 'series 1',
+                        backgroundColor: 'rgb(66, 110, 164)',
+                        borderColor: 'rgb(66, 110, 164)',
+                        borderWidth: 3,
+                        pointBorderColor: 'rgb(66, 110, 164)',
+                        pointBorderWidth: 3,
+                        pointBackgroundColor: 'rgba(255,255,255,1)',
+                        lineTension: 0.4,
+                        fill: false,
+                        yAxisID: 'left',
+                        data: [],
+                        dataKey: 'value1'
+                    },
+                    {
+                        type: 'bar',
+                        label: 'series 2',
+                        backgroundColor: 'rgb(62, 196, 221)',
+                        borderColor: 'rgb(62, 196, 221)',
+                        borderWidth: 0,
+                        yAxisID: 'right',
+                        data: [],
+                        dataKey: 'value2'
+                    }
+                ],
+                labelDataKey: 'data'
+            },
+            options: {
+                theme: 'dark',
+                multiAxis: true,
+                xGridLine: false,
+                yGridLine: true,
+                legend: {
+                    display: true,
+                    position: 'top'
+                },
+                scales: {
+                    xAxes: [
+                        {
+                            gridLines: {
+                                display: false
+                            },
+                            scaleLabel: {
+                                labelString: '',
+                                display: false
+                            },
+                            ticks: {
+                                display: true
+                            }
+                        }
+                    ],
+                    yAxes: [
+                        {
+                            position: 'left',
+                            id: 'left',
+                            gridLines: {
+                                display: true
+                            },
+                            scaleLabel: {
+                                labelString: '',
+                                display: false
+                            },
+                            ticks: {
+                                autoMin: true,
+                                autoMax: true,
+                                display: true
+                            }
+                        },
+                        {
+                            id: 'right',
+                            position: 'right',
+                            display: true,
+                            gridLines: {
+                                display: false
+                            },
+                            scaleLabel: {
+                                labelString: '',
+                                display: false
+                            },
+                            ticks: {
+                                autoMin: true,
+                                autoMax: true,
+                                display: true
+                            }
+                        }
+                    ]
+                }
+            }
+        },
+        data: [
+            {
+                data: 'Data 1',
+                value1: 20,
+                value2: 60
+            },
+            {
+                data: 'Data 2',
+                value1: 30,
+                value2: 10
+            },
+            {
+                data: 'Data 3',
+                value1: 80,
+                value2: 40
+            },
+            {
+                data: 'Data 4',
+                value1: 20,
+                value2: 30
+            },
+            {
+                data: 'Data 5',
+                value1: 40,
+                value2: 80
+            },
+            {
+                data: 'Data 6',
+                value1: 10,
+                value2: 30
+            },
+            {
+                data: 'Data 7',
+                value1: 60,
+                value2: 20
+            }
+        ]
+    }
+};
+//# sourceMappingURL=mixed-chart.js.map

package/dist/templates/mixed-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixed-chart.js","sourceRoot":"","sources":["../../src/templates/mixed-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import icon from '../../assets/mixed-chart.png'\n\nexport default {\n  type: 'mixed chart',\n  description: 'ChartJS - mixed chart',\n  icon: icon,\n  group: 'chartAndGauge',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  model: {\n    type: 'chartjs',\n    top: 0,\n    left: 0,\n    width: 200,\n    height: 200,\n    chart: {\n      type: 'bar',\n      subType: 'mixed',\n      data: {\n        labels: [],\n        datasets: [\n          {\n            type: 'line',\n            label: 'series 1',\n            backgroundColor: 'rgb(66, 110, 164)',\n            borderColor: 'rgb(66, 110, 164)',\n            borderWidth: 3,\n            pointBorderColor: 'rgb(66, 110, 164)',\n            pointBorderWidth: 3,\n            pointBackgroundColor: 'rgba(255,255,255,1)',\n            lineTension: 0.4,\n            fill: false,\n            yAxisID: 'left',\n            data: [],\n            dataKey: 'value1'\n          },\n          {\n            type: 'bar',\n            label: 'series 2',\n            backgroundColor: 'rgb(62, 196, 221)',\n            borderColor: 'rgb(62, 196, 221)',\n            borderWidth: 0,\n            yAxisID: 'right',\n            data: [],\n            dataKey: 'value2'\n          }\n        ],\n        labelDataKey: 'data'\n      },\n      options: {\n        theme: 'dark',\n        multiAxis: true,\n        xGridLine: false,\n        yGridLine: true,\n        legend: {\n          display: true,\n          position: 'top'\n        },\n        scales: {\n          xAxes: [\n            {\n              gridLines: {\n                display: false\n              },\n              scaleLabel: {\n                labelString: '',\n                display: false\n              },\n              ticks: {\n                display: true\n              }\n            }\n          ],\n          yAxes: [\n            {\n              position: 'left',\n              id: 'left',\n              gridLines: {\n                display: true\n              },\n              scaleLabel: {\n                labelString: '',\n                display: false\n              },\n              ticks: {\n                autoMin: true,\n                autoMax: true,\n                display: true\n              }\n            },\n            {\n              id: 'right',\n              position: 'right',\n              display: true,\n              gridLines: {\n                display: false\n              },\n              scaleLabel: {\n                labelString: '',\n                display: false\n              },\n              ticks: {\n                autoMin: true,\n                autoMax: true,\n                display: true\n              }\n            }\n          ]\n        }\n      }\n    },\n    data: [\n      {\n        data: 'Data 1',\n        value1: 20,\n        value2: 60\n      },\n      {\n        data: 'Data 2',\n        value1: 30,\n        value2: 10\n      },\n      {\n        data: 'Data 3',\n        value1: 80,\n        value2: 40\n      },\n      {\n        data: 'Data 4',\n        value1: 20,\n        value2: 30\n      },\n      {\n        data: 'Data 5',\n        value1: 40,\n        value2: 80\n      },\n      {\n        data: 'Data 6',\n        value1: 10,\n        value2: 30\n      },\n      {\n        data: 'Data 7',\n        value1: 60,\n        value2: 20\n      }\n    ]\n  }\n}\n"]}

package/dist/templates/pie-chart.d.ts

@@ -0,0 +1,41 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: any;
+    group: string;
+    model: {
+        type: string;
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        chart: {
+            type: string;
+            data: {
+                labels: never[];
+                datasets: {
+                    data: never[];
+                    backgroundColor: string[];
+                    borderWidth: number;
+                    dataKey: string;
+                }[];
+                labelDataKey: string;
+            };
+            options: {
+                theme: string;
+                legend: {
+                    display: boolean;
+                    position: string;
+                };
+                animation: {
+                    animateScale: boolean;
+                };
+            };
+        };
+        data: {
+            label: string;
+            value: number;
+        }[];
+    };
+};
+export default _default;

package/dist/templates/pie-chart.js

@@ -0,0 +1,55 @@
+import icon from '../../assets/pie-chart.png';
+export default {
+    type: 'pie chart',
+    description: 'ChartJS - pie chart',
+    icon: icon,
+    group: 'chartAndGauge',
+    /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+    model: {
+        type: 'chartjs',
+        top: 0,
+        left: 0,
+        width: 200,
+        height: 200,
+        chart: {
+            type: 'pie',
+            data: {
+                labels: [],
+                datasets: [
+                    {
+                        data: [],
+                        backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],
+                        borderWidth: 0,
+                        dataKey: 'value'
+                    }
+                ],
+                labelDataKey: 'label'
+            },
+            options: {
+                theme: 'dark',
+                legend: {
+                    display: true,
+                    position: 'top'
+                },
+                animation: {
+                    animateScale: true
+                }
+            }
+        },
+        data: [
+            {
+                label: 'A',
+                value: 80
+            },
+            {
+                label: 'B',
+                value: 15
+            },
+            {
+                label: 'C',
+                value: 15
+            }
+        ]
+    }
+};
+//# sourceMappingURL=pie-chart.js.map

package/dist/templates/pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../src/templates/pie-chart.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAA;AAE7C,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,qBAAqB;IAClC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;wBAClD,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,IAAI;iBACnB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;SACF;KACF;CACF,CAAA","sourcesContent":["import icon from '../../assets/pie-chart.png'\n\nexport default {\n  type: 'pie chart',\n  description: 'ChartJS - pie chart',\n  icon: icon,\n  group: 'chartAndGauge',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  model: {\n    type: 'chartjs',\n    top: 0,\n    left: 0,\n    width: 200,\n    height: 200,\n    chart: {\n      type: 'pie',\n      data: {\n        labels: [],\n        datasets: [\n          {\n            data: [],\n            backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],\n            borderWidth: 0,\n            dataKey: 'value'\n          }\n        ],\n        labelDataKey: 'label'\n      },\n      options: {\n        theme: 'dark',\n        legend: {\n          display: true,\n          position: 'top'\n        },\n        animation: {\n          animateScale: true\n        }\n      }\n    },\n    data: [\n      {\n        label: 'A',\n        value: 80\n      },\n      {\n        label: 'B',\n        value: 15\n      },\n      {\n        label: 'C',\n        value: 15\n      }\n    ]\n  }\n}\n"]}

package/dist/templates/polar-area-chart.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: any;
+    group: string;
+    model: {
+        type: string;
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        chart: {
+            type: string;
+            data: {
+                labels: never[];
+                datasets: {
+                    label: string;
+                    backgroundColor: string[];
+                    borderColor: string;
+                    borderWidth: number;
+                    data: never[];
+                    dataKey: string;
+                }[];
+                labelDataKey: string;
+            };
+            options: {
+                theme: string;
+                legend: {
+                    display: boolean;
+                    position: string;
+                };
+                scale: {
+                    ticks: {};
+                    pointLabels: {};
+                };
+            };
+        };
+        data: {
+            hobby: string;
+            rate1: number;
+            rate2: number;
+        }[];
+    };
+};
+export default _default;