如何使用echarts画一个简单k线图

时间:2019-09-04
本文章向大家介绍如何使用echarts画一个简单k线图,主要包括如何使用echarts画一个简单k线图使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

前言

    现在需要用到画各种报表图的地方是越来越多了,现在时下流行的画报表和雷达图的插件是echarts。本人就来简单说说如何用echarts画k线图吧
    ![](https://img2018.cnblogs.com/blog/1671865/201909/1671865-20190904171131940-2118539447.png)

快速实现

根据需求下载或者配置echarts插件

下载配置地址:echarts 这里有案例包,也有js文件,也有npm,更有定制化下载

案例上手

选择它的官方案例 可以找到你需要的各种样式需求,

选中其中你需要的进入,左侧是代码,右侧是图形,但最好先看看它的 5分钟快速上手.
基本的使用还是要靠它的

api配置查询

在配置它图片的时候有许多配置可能没看懂,可以结合的api文档查看. 查看方法是把关键字在左上侧黏贴进去会有提示出来,选中你要的。如: xAxis.type

基本看看文档就能解决大多数问题了

实现代码

现在到了重头戏了,说了那么多就是想看看实现,下面就提供代码:

代码中各种配置属性是我辛苦查询的,方便以后快速配置



    
        
        使用echarts画一个简单的k线图
        
         
    
    
 

希望我写的案例能帮助到需要的人!!!

注意原创,不要盗用

$flag 上一页 下一页