`
dwj147258
  • 浏览: 187278 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ECharts学习总结(二):标签式单文件引入echarts的方法

阅读更多

下载好echarts的库文件。然后在script里面引入。

复制代码
//from echarts example
<body>
    <div id="main" style="height:400px;"></div>
    ...
    <script src="js/echarts-2.2.7/build/dist/echarts-all.js"></script>
    <script>
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            ...
        }
        myChart.setOption(option);
    </script>
</body>
复制代码

可以直接引入的单文件如下:

  • dist/echarts-all.js : 经过压缩,全图表,包含world,china以及34个省市级地图数据
  • source/echarts-all.js : 未压缩,全图表,包含world,china以及34个省市级地图数据,可用于调试
分享到:
评论

相关推荐

    echarts.min.js

    echarts-gl 中使用的地图类型同 geo 组件相同(ECharts 中提供了两种格式的地图数据,一种是可以直接 script 标签引入的 js 文件,引入后会自动注册地图名字和数据。还有一种是 JSON 文件,需要通过 AJAX 异步加载后...

    echarts-scatter:echarts散点图多点重合无法全部显示解决方案

    -report注:demo.html为普通开发下的示例代码,直接打开即可看到效果,由于引用的是node_modules中的echarts.js文件,所以打开前依然需要npm intall下载所需依赖方可看到效果,否则会提示没有引入js文件的错误

    基于Echarts和outlook数据文件开发的时间管理工具,提供时间数据可视化.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    在react中使用echarts 攻略下载

    标签式单文件引入 //from echarts example &lt;body&gt; ... [removed][removed] [removed] var myChart = echarts.init(document.getElementById('main')); var option = { ... } myChart.setOption...

    大屏演示 echarts 地图 数据 可视化.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    Echarts.js

    Echarts官网下载 1、下载做图表时,用到的类库; 2、采用标签引入的方式(** 只需要引入 echarts-all.js 文件即可); 3、在截取节点的时候,不能使用 JQ 类库

    echarts-4.5.0.rar

    echars集成文件-通过标签方式直接引入构建好的 echarts 文件 ${ctx}/res/js/echarts/echarts.js"&gt;&lt;/script&gt;

    毕业设计:基于垂直搜索引擎的关联关键词数据可视化实现.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    学生信息数据可视化展示页面(前端+后端代码),含MySQL数据库备份信息.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    时光网电影 Top100 爬虫和数据可视化.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    可视化数据.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    bladevisual 是数据可视化的大屏生成器工具.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    玩数据可视化.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    数据可视化.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    数据可视化——数据可视化网站(e-charts).zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    提供更友好的数据可视化解决方案。.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    数据可视化workshop.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    数据可视化数据.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    图数据可视化.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

    博创联动开放平台农机数据分析可视化训练项目.zip

    在 HTML 文件中通过 `&lt;script&gt;` 标签引入 ECharts 的核心文件: ```html &lt;script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"&gt; ``` 确保替换 `版本号` 为所需的 ECharts 版本。 ####...

Global site tag (gtag.js) - Google Analytics