Echarts报错:Component series.lines not exists. Load it first.
生活随笔
收集整理的這篇文章主要介紹了
Echarts报错:Component series.lines not exists. Load it first.
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前幾天用的echarts標簽是bootcdn的
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.7.0/echarts-en.common.js"></script>用著官方給的案例還可以,但是一用gallery社區里面的例子就報錯
后來經過不斷調試終于知道是需要換個cdn,common版本的是不支持社區里面的案例的
下面給個echart的下載地址
https://ww.lanzous.com/id0mfej
這樣就可以運行諸如以下的代碼界面了
附加一個echarts初始代碼案例:
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="echarts.min.js"></script> </head> <body><!-- 為ECharts準備一個具備大小(寬高)的Dom --><div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">// 基于準備好的dom,初始化echarts實例var myChart = echarts.init(document.getElementById('main'));// 指定圖表的配置項和數據var option = {title: {text: 'ECharts 入門示例'},tooltip: {},legend: {data:['銷量']},xAxis: {data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]},yAxis: {},series: [{name: '銷量',type: 'bar',data: [5, 20, 36, 10, 10, 20]}]};// 使用剛指定的配置項和數據顯示圖表。myChart.setOption(option);</script> </body> </html>總結
以上是生活随笔為你收集整理的Echarts报错:Component series.lines not exists. Load it first.的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 选购电脑时应该看哪些配置参数买电脑主要看
- 下一篇: flex常用布局