zz-chart
Version:
Alauda Chart components by Alauda Frontend Team
85 lines • 3.11 kB
JavaScript
import { registerShape } from './chart/view.js';
import { Annotation } from './components/annotation.js';
import { Axis } from './components/axis.js';
import { registerComponent } from './components/index.js';
import { Legend } from './components/legend.js';
import { Scale } from './components/scale.js';
import Area from './components/shape/area.js';
import Bar from './components/shape/bar.js';
import Gauge from './components/shape/gauge.js';
import Line from './components/shape/line.js';
import Pie from './components/shape/pie.js';
import Point from './components/shape/point.js';
import { Title } from './components/title.js';
import { Tooltip } from './components/tooltip.js';
import { BrushXAction } from './interaction/action/brush-x.js';
import { ElementAction } from './interaction/action/element.js';
import { registerAction } from './interaction/action/index.js';
import { LegendToggle } from './interaction/action/legend.js';
import { TooltipAction } from './interaction/action/tooltip.js';
import { registerInteraction } from './interaction/index.js';
import { Dark, registerTheme } from './theme/index.js';
import { ActionType, ChartEvent } from './types/index.js';
export * from './chart/index.js';
export * from './types/index.js';
export * from './utils/index.js';
// register component
registerComponent('title', Title);
registerComponent('legend', Legend);
registerComponent('tooltip', Tooltip);
registerComponent('axis', Axis);
registerComponent('scale', Scale);
registerComponent('annotation', Annotation);
// 注册黑暗主题
registerTheme('dark', Dark());
// register shape
registerShape('line', Line);
registerShape('area', Area);
registerShape('point', Point);
registerShape('Bar', Bar);
registerShape('Pie', Pie);
registerShape('Gauge', Gauge);
// register interaction action
registerAction('tooltip', TooltipAction);
registerAction('element-active', ElementAction);
registerAction('legend', LegendToggle);
registerAction('brush-x', BrushXAction);
// register interaction
registerInteraction('tooltip', {
start: [
{ trigger: ChartEvent.PLOT_MOUSEMOVE, action: ActionType.TOOLTIP_SHOW },
],
end: [
{ trigger: ChartEvent.PLOT_MOUSELEAVE, action: ActionType.TOOLTIP_HIDE },
],
});
registerInteraction('legend-active', {
start: [
{ trigger: ChartEvent.LEGEND_ITEM_CLICK, action: ActionType.LEGEND_TOGGLE },
],
// end: [
// { trigger: ChartEvent.LEGEND_ITEM_RESEAT, action: ActionType.TOOLTIP_HIDE },
// ],
});
registerInteraction('brush-x', {
start: [
{ trigger: ChartEvent.PLOT_MOUSEDOWN, action: ActionType.BRUSH_X_START },
],
end: [{ trigger: ChartEvent.PLOT_MOUSEUP, action: ActionType.BRUSH_X_END }],
});
registerInteraction('element-active', {
start: [
{
trigger: ChartEvent.ELEMENT_MOUSEMOVE,
action: ActionType.ELEMENT_ACTIVE,
},
],
end: [
{
trigger: ChartEvent.ELEMENT_MOUSELEAVE,
action: ActionType.ELEMENT_RESET,
},
],
});
export * from './components/index.js';
//# sourceMappingURL=index.js.map