老师的代码运行出来是这样的，好像没有宽高：
给DIV添加了宽高以后，图表要以显示，但标题还是出不来：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | <!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.min.js"></script> <style> #g2-chart{ width: 400px; height: 300px; } </style></head><body><div id="g2-chart"></div><script> const data = [ { year: '1991', value: 3 }, { year: '1992', value: 4 }, { year: '1993', value: 3.5 }, { year: '1994', value: 5 }, { year: '1995', value: 4.9 }, { year: '1996', value: 6 }, { year: '1997', value: 7 }, { year: '1998', value: 9 }, { year: '1999', value: 13 }, ]; // const chartDom = document.getElementById('g2-chart'); const line = new G2Plot.Line('g2-chart', { title: { visible: true, text: 'g2折线图示例' }, description: { visible: true, text: '折线图示例，这是一个副标题' }, data, xField: 'year', yField: 'value', point: { visible: true, size: 5, color: '#fff', style: { stroke: '#fe740c', lineWidth: 2, fillOpacity: 0.6 } }, label: { visible: true }, color: '#f2740c', yAxis: { formatter: (v) => { return `${v}k`; } } }); line.render();</script></body></html> |
该如何解决？
登录后可查看更多问答，登录/注册
