<Canvas>
          <Chart data={formatData} scale={{
              qd: { alias: '渠道', type: 'cat' },
              income: { alias: "收入", nice: true },
              percentage: { alias: '完成度', formatter: (val) => `${val}%`, nice: true },
          }}>
              <Axis field="qd" position='bottom' />
              <Axis field="income" position='left' />
              <Axis field="percentage" position='right' min={0} />
              <Interval x="qd" y="income" color="#5C8FF9"/>
              <Line x="qd" y="percentage" color="#59D8A4" />
              <Point x="qd" y="percentage" color="#fff" style={{ stroke: '#59D8A4', lineWidth: 2 }}/>
              <ScrollBar mode="x" range={[0, rangeMax]}/>
              <Tooltip
                  alwaysShow={true}
                  showTooltipMarker={true}
                  tooltipMarkerStyle={{ radius: 4 }}
              />
          </Chart>
      </Canvas>