@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
24 lines (23 loc) • 1.16 kB
JavaScript
import React, { useMemo } from 'react';
import ReactEcharts from 'echarts-for-react';
import { get } from 'lodash';
import * as styles from './style.mless';
export default function TrendView(props) {
var store = props.store;
var showTrend = store.showTrend, showTrendData = store.showTrendData, chartColors = store.chartColors;
var titleDataFontSize = useMemo(function () {
var titleDataFont = store.chartStyleOption.titleDataFont, titleStyle = store.themeOption.gauge.singleValue.titleStyle;
return get(titleDataFont, 'fontSize') || get(titleStyle, 'fontSize');
}, [store]);
if (showTrend && showTrendData) {
return (React.createElement(ReactEcharts, { className: styles.singleTrendChart, option: store.options, notMerge: true, onChartReady: store.onChartReadyCallback }));
}
else if (showTrend && !showTrendData) {
return (React.createElement("div", { className: styles.emptyTrend, style: {
textAlign: 'center',
color: chartColors,
transform: "translate(0, " + (titleDataFontSize / 2 + 10) + "px)"
} }, "--"));
}
return null;
}