原有显示
Y轴值随数据的变化自动调整,当间隔太少时不能准确反映数据的变化。在不改变数据转换的情况下将Y轴刻度限定到一定范围
import { Chart, registerShape } from '@antv/g2';
function splitData(data) {
const marker = data.length - Math.floor(data.length * 0.4);
const data1 = [];
const data2 = [];
for (let i = 0; i < data.length; i++) {
const d = data[i];
if (i <= marker) {
data1.push(d);
} else {
data2.push(d);
}
}
data1.push(data2[0]);
return [data1, data2];
}
registerShape('line', 'split-line', {
draw(cfg, container) {
const type = cfg.data[0].date;
// 自定义 Shape 需要将图形绘制在自己的 Shape/Group 里,并返回之
const group = container.addGroup();
if (type === 'today') {
const pointArrs = splitData(cfg.points);
const path1 = [];
for (let i = 0; i < pointArrs[0].length; i++) {
let pre = 'L';
if (i === 0) {