image.png
image.png

  1. <Chart
  2. height={200}
  3. data={dataSource}
  4. title={{
  5. visible: true,
  6. text: '折线图',
  7. }}
  8. description={{
  9. visible: true,
  10. text: '用平滑的曲线代替折线。',
  11. }}
  12. xField='year'
  13. yField='value'
  14. // interactions={[
  15. // {
  16. // type: 'slider',
  17. // cfg: {
  18. // start: 0,
  19. // end: 1,
  20. // },
  21. // },
  22. // ]}
  23. />

yAxis

修改 grid为虚线
bizchart4 修改网格线为虚线
image.png

  1. <Chart
  2. yAxis: {
  3. grid: {
  4. line: {
  5. style: {
  6. stroke:'#ccc',
  7. lineDash: [4, 4],
  8. },
  9. }, // 设置坐标系栅格样式
  10. },
  11. },
  12. >

lineStyle

image.png

  1. <Chart
  2. lineStyle:{
  3. stroke: '#d9d9d9', // 网格线的颜色
  4. lineWidth: 1, // 网格线的宽度复制代码
  5. lineDash: [4, 4] // 网格线的虚线配置,第一个参数描述虚线的实部占多少像素,第二个参数描述虚线的虚部占多少像素
  6. // lineDash: 1 //设置网格线类型 dotted:虚线 solid:实线
  7. }
  8. >