🎨
This commit is contained in:
parent
c93f091ba8
commit
fb05e86db7
5 changed files with 103 additions and 16 deletions
12
packages/frontend/src/scripts/chart-legend.ts
Normal file
12
packages/frontend/src/scripts/chart-legend.ts
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
import { Plugin } from 'chart.js';
|
||||
import MkChartLegend from '@/components/MkChartLegend.vue';
|
||||
|
||||
export const chartLegend = (legend: InstanceType<typeof MkChartLegend>) => ({
|
||||
id: 'htmlLegend',
|
||||
afterUpdate(chart, args, options) {
|
||||
// Reuse the built-in legendItems generator
|
||||
const items = chart.options.plugins.legend.labels.generateLabels(chart);
|
||||
|
||||
legend.update(chart, items);
|
||||
},
|
||||
}) as Plugin;
|
||||
|
|
@ -1,3 +1,5 @@
|
|||
import { Plugin } from 'chart.js';
|
||||
|
||||
export const chartVLine = (vLineColor: string) => ({
|
||||
id: 'vLine',
|
||||
beforeDraw(chart, args, options) {
|
||||
|
|
@ -18,4 +20,4 @@ export const chartVLine = (vLineColor: string) => ({
|
|||
ctx.restore();
|
||||
}
|
||||
},
|
||||
});
|
||||
}) as Plugin;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue