Closed AnningZ closed 1 week ago
1.12.10
spec attched below
const spec = { type: 'common', seriesField: 'color', data: [ { id: 'id0', values: [ { x: '周一', type: '早餐', y: 15 }, { x: '周一', type: '午餐', y: 25 }, { x: '周二', type: '早餐', y: 12 }, { x: '周二', type: '午餐', y: 30 }, { x: '周三', type: '早餐', y: 15 }, { x: '周三', type: '午餐', y: 24 }, { x: '周四', type: '早餐', y: 10 }, { x: '周四', type: '午餐', y: 25 }, { x: '周五', type: '早餐', y: 13 }, { x: '周五', type: '午餐', y: 20 }, { x: '周六', type: '早餐', y: 10 }, { x: '周六', type: '午餐', y: 22 }, { x: '周日', type: '早餐', y: 12 }, { x: '周日', type: '午餐', y: 19 } ] }, { id: 'id1', values: [ { x: '周一', type: '饮料', y: 22 }, { x: '周二', type: '饮料', y: 43 }, { x: '周三', type: '饮料', y: 33 }, { x: '周四', type: '饮料', y: 22 }, { x: '周五', type: '饮料', y: 10 }, { x: '周六', type: '饮料', y: 30 }, { x: '周日', type: '饮料', y: 50 } ] } ], series: [ { type: 'line', dataIndex: 1, label: { visible: true }, seriesField: 'type', xField: 'x', yField: 'y', stack: false, line: { zIndex: 9999 } }, { type: 'bar', dataIndex: 0, label: { visible: true }, seriesField: 'type', dataIndex: 0, xField: ['x', 'type'], yField: 'y', bar: { zIndex: 9 } }, ], axes: [{ orient: 'left' }, { orient: 'bottom', label: { visible: true }, type: 'band' }], legends: { visible: true, orient: 'bottom' } }; const vchart = new VChart(spec, { dom: CONTAINER_ID }); vchart.renderSync(); // Just for the convenience of console debugging, DO NOT COPY! window['vchart'] = vchart;
折线图在柱状图下方
折线图在柱状图上
- OS: - Browser: - Framework:
No response
Version
1.12.10
Link to Minimal Reproduction
spec attched below
Steps to Reproduce
Current Behavior
折线图在柱状图下方
Expected Behavior
折线图在柱状图上
Environment
Any additional comments?
No response