使用ECharts.js怎么绘制一个K线图 - 行业资讯 - 肥雀云

　　介绍

这期内容当中小编将会给大家带来有关使用ECharts。js怎么绘制一个K线图、文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

<强>示例代码

& lt; ! DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　,& lt; meta charset=皍tf-8"比; 　　,& lt; title> 5分钟上手ECharts 　　,& lt; !——,引入ECharts文件,——比; 　　,& lt; script 类型=拔谋?javascript", src=啊?echarts.js"祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　,& lt; !——,为ECharts准备一个具备大小(宽高)的DOM ——比; 　　,& lt; div id=癿ain",祝辞& lt;/div>, 　　& lt; !——, js代码,——比; 　　,& lt; script 类型=拔谋?javascript"比; 　　　　,/*基于准备好的dom,初始化echarts实例*/,var myChart =, echarts.init (. getelementbyid(& # 39;主要# 39;)); 　　　　,//数据意义:开盘(打开),收盘(关闭),最低(最低),最高(最高) 　　,var data0 =, splitData ([ 　　,,(& # 39;2013/1/24& # 39;,,2320.26,2320.26,2287.3,2362.94), 　　,,(& # 39;2013/1/25& # 39;,,2300,2291.3,2288.26,2308.38), 　　,,(& # 39;2013/1/28& # 39;,,2295.35,2346.5,2295.35,2346.92), 　　,,(& # 39;2013/1/29& # 39;,,2347.22,2358.98,2337.35,2363.8), 　　,,(& # 39;2013/1/30& # 39;,,2360.75,2382.48,2347.89,2383.76), 　　,,(& # 39;2013/1/31& # 39;,,2383.43,2385.42,2371.23,2391.82), 　　,,(& # 39;2013/2/1& # 39;,,2377.41,2419.02,2369.57,2421.15), 　　,,(& # 39;2013/2/4& # 39;,,2425.92,2428.15,2417.58,2440.38), 　　,,(& # 39;2013/2/5& # 39;,,2411,2433.13,2403.3,2437.42), 　　,,(& # 39;2013/2/6& # 39;,,2432.68,2434.48,2427.7,2441.73), 　　,,(& # 39;2013/2/7& # 39;,,2430.69,2418.53,2394.22,2433.89), 　　,,(& # 39;2013/2/8& # 39;,,2416.62,2432.4,2414.4,2443.03), 　　,,(& # 39;2013/2/18& # 39;,,2441.91,2421.56,2415.43,2444.8), 　　,,(& # 39;2013/2/19& # 39;,,2420.26,2382.91,2373.53,2427.07), 　　,,(& # 39;2013/2/20& # 39;,,2383.49,2397.18,2370.61,2397.94), 　　,,(& # 39;2013/2/21& # 39;,,2378.82,2325.95,2309.17,2378.82), 　　,,(& # 39;2013/2/22& # 39;,,2322.94,2314.16,2308.76,2330.88), 　　,,(& # 39;2013/2/25& # 39;,,2320.62,2325.82,2315.01,2338.78), 　　,,(& # 39;2013/2/26& # 39;,,2313.74,2293.34,2289.89,2340.71), 　　,,(& # 39;2013/2/27& # 39;,,2297.77,2313.22,2292.03,2324.63), 　　,,(& # 39;2013/2/28& # 39;,,2322.32,2365.59,2308.92,2366.16), 　　,,(& # 39;2013/3/1& # 39;,,2364.54,2359.51,2330.86,2369.65), 　　,,(& # 39;2013/3/4& # 39;,,2332.08,2273.4,2259.25,2333.54), 　　,,(& # 39;2013/3/5& # 39;,,2274.81,2326.31,2270.1,2328.14), 　　,,(& # 39;2013/3/6& # 39;,,2333.61,2347.18,2321.6,2351.44), 　　,,(& # 39;2013/3/7& # 39;,,2340.44,2324.29,2304.27,2352.02), 　　,,(& # 39;2013/3/8& # 39;,,2326.42,2318.61,2314.59,2333.67), 　　,,(& # 39;2013/3/11& # 39;,,2314.68,2310.59,2296.58,2320.96), 　　,,(& # 39;2013/3/12& # 39;,,2309.16,2286.6,2264.83,2333.29), 　　,,(& # 39;2013/3/13& # 39;,,2282.17,2263.97,2253.25,2286.33), 　　,,(& # 39;2013/3/14& # 39;,,2255.77,2270.28,2253.31,2276.22), 　　[才能& # 39;2013/3/15& # 39;,,2269.31,2278.4,2250年为2312.08), 　　,,(& # 39;2013/3/18& # 39;,,2267.29,2240.02,2239.21,2276.05), 　　,,(& # 39;2013/3/19& # 39;,,2244.26,2257.43,2232.02,2261.31), 　　,,(& # 39;2013/3/20& # 39;,,2257.74,2317.37,2257.42,2317.86), 　　,,(& # 39;2013/3/21& # 39;,,2318.21,2324.24,2311.6,2330.81), 　　,,(& # 39;2013/3/22& # 39;,,2321.4,2328.28,2314.97,2332), 　　,,(& # 39;2013/3/25& # 39;,,2334.74,2326.72,2319.91,2344.89), 　　,,(& # 39;2013/3/26& # 39;,,2318.58,2297.67,2281.12,2319.99), 　　[才能& # 39;2013/3/27& # 39;,,2299.38,2301.26,2289年为2323.48), 　　,,(& # 39;2013/3/28& # 39;,,2273.55,2236.3,2232.91,2273.55), 　　,,(& # 39;2013/3/29& # 39;,,2238.49,2236.62,2228.81,2246.87), 　　,,(& # 39;2013/4/1& # 39;,,2229.46,2234.4,2227.31,2243.95), 　　,,(& # 39;2013/4/2& # 39;,,2234.9,2227.74,2220.44,2253.42), 　　,,(& # 39;2013/4/3& # 39;,,2232.69,2225.29,2217.25,2241.34), 　　,,(& # 39;2013/4/8& # 39;,,2196.24,2211.59,2180.67,2212.59), 　　,,(& # 39;2013/4/9& # 39;,,2215.47,2225.77,2215.47,2234.73), 　　,,(& # 39;2013/4/10& # 39;,,2224.93,2226.13,2212.56,2233.04), 　　,,(& # 39;2013/4/11& # 39;,,2236.98,2219.55,2217.26,2242.48), 　　,,(& # 39;2013/4/12& # 39;,,2218.09,2206.78,2204.44,2226.26), 　　,,(& # 39;2013/4/15& # 39;,,2199.91,2181.94,2177.39,2204.99), 　　,,(& # 39;2013/4/16& # 39;,,2169.63,2194.85,2165.78,2196.43), 　　,,(& # 39;2013/4/17& # 39;,,2195.03,2193.8,2178.47,2197.51), 　　,,(& # 39;2013/4/18& # 39;,,2181.82,2197.6,2175.44,2206.03), 　　,,(& # 39;2013/4/19& # 39;,,2201.12,2244.64,2200.58,2250.11), 　　,,(& # 39;2013/4/22& # 39;,,2236.4,2242.17,2232.26,2245.12), 　　,,(& # 39;2013/4/23& # 39;,,2242.62,2184.54,2182.81,2242.62), 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null