Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

百度Echarts图表系列之K线股票图表

var data = splitData([['2020-10-16',18.4,18.58,18.33,18.79,67.00,1,0.04,0.11,0.09],['2020-10-19',18.56,18.25,18.19,18.56,55.00,0,-0.00,0.08,0.09],['2020-10-20',18.3,18.22,18.05,18.41,37.00,0,0.01,0.09,0.09],['2020-10-21',18.18,18.69,18.02,18.98,89.00,0,0.03,0.10,0.08],['2020-10-22',18.42,18.29,18.22,18.48,43.00,0,-0.06,0.05,0.08],['2020-10-23',18.26,18.19,18.08,18.36,46.00,0,-0.10,0.03,0.09],['2020-10-26',18.33,18.07,17.98,18.35,65.00,0,-0.15,0.03,0.10],['2020-10-27',18.08,18.04,17.88,18.13,37.00,0,-0.19,0.03,0.12],['2020-10-28',17.96,17.86,17.82,17.99,35.00,0,-0.24,0.03,0.15],['2020-10-29',17.85,17.81,17.8,17.93,27.00,0,-0.24,0.06,0.18],['2020-10-30',17.79,17.93,17.78,18.08,43.00,0,-0.22,0.11,0.22],['2020-11-02',17.78,17.83,17.78,18.04,27.00,0,-0.20,0.15,0.25],['2020-11-03',17.84,17.9,17.84,18.06,34.00,0,-0.12,0.22,0.28],['2020-11-04',17.97,18.36,17.85,18.39,62.00,0,-0.00,0.30,0.30],['2020-11-05',18.3,18.57,18.18,19.08,177.00,0,0.07,0.33,0.30],['2020-11-06',18.53,18.68,18.3,18.71,95.00,0,0.12,0.35,0.29],['2020-11-09',18.75,19.08,18.75,19.98,202.00,1,0.16,0.35,0.27],['2020-11-10',18.85,18.64,18.56,18.99,85.00,0,0.09,0.29,0.25],['2020-11-11',18.64,18.44,18.31,18.64,50.00,0,0.06,0.27,0.23],['2020-11-12',18.55,18.27,18.17,18.57,43.00,0,0.05,0.25,0.23],['2020-11-13',18.13,18.14,18.09,18.34,35.00,0,0.05,0.24,0.22],['2020-11-16',18.01,18.1,17.93,18.17,34.00,0,0.07,0.25,0.21],['2020-11-17',18.2,18.14,18.08,18.45,58.00,0,0.11,0.25,0.20],['2020-11-18',18.23,18.16,18.0,18.45,47.00,0,0.13,0.25,0.19],['2020-11-19',18.08,18.2,18.05,18.25,32.00,0,0.15,0.24,0.17],['2020-11-20',18.15,18.15,18.11,18.29,36.00,0,0.13,0.21,0.15],['2020-11-23',18.16,18.19,18.12,18.34,47.00,0,0.11,0.18,0.13],['2020-11-24',18.23,17.88,17.7,18.23,62.00,0,0.03,0.13,0.11],['2020-11-25',17.85,17.73,17.56,17.85,66.00,0,-0.03,0.09,0.11],['2020-11-26',17.79,17.53,17.5,17.92,63.00,0,-0.10,0.06,0.11],['2020-11-27',17.51,17.04,16.9,17.51,67.00,0,-0.16,0.05,0.13],['2020-11-30',17.07,17.2,16.98,17.32,55.00,0,-0.12,0.09,0.15],['2020-12-01',17.28,17.11,16.91,17.28,39.00,0,-0.09,0.12,0.16],['2020-12-02',17.13,17.91,17.05,17.99,102.00,0,-0.01,0.17,0.18],['2020-12-03',17.8,17.78,17.61,17.98,71.00,0,-0.09,0.14,0.18],['2020-12-04',17.6,17.25,17.13,17.69,51.00,0,-0.18,0.10,0.19],['2020-12-07',17.2,17.39,17.15,17.45,43.00,0,-0.19,0.12,0.22],['2020-12-08',17.3,17.42,17.18,17.62,45.00,0,-0.23,0.13,0.24],['2020-12-09',17.33,17.39,17.32,17.59,44.00,0,-0.29,0.13,0.28],['2020-12-10',17.39,17.26,17.21,17.65,44.00,0,-0.37,0.13,0.32],['2020-12-11',17.23,16.92,16.66,17.26,114.00,1,-0.44,0.15,0.37],['2020-12-14',16.75,17.06,16.5,17.09,94.00,0,-0.44,0.21,0.44],['2020-12-15',17.03,17.03,16.9,17.06,46.00,0,-0.44,0.28,0.50],['2020-12-16',17.08,16.96,16.87,17.09,30.00,0,-0.40,0.36,0.56],['2020-12-17',17.0,17.1,16.95,17.12,50.00,0,-0.30,0.47,0.62],['2020-12-18',17.09,17.52,17.04,18.06,156.00,0,-0.14,0.59,0.66],['2020-12-21',17.43,18.23,17.35,18.45,152.00,1,0.02,0.69,0.68],['2020-12-22',18.14,18.27,18.06,18.32,94.00,0,0.08,0.72,0.68],['2020-12-23',18.28,18.19,18.17,18.71,108.00,0,0.13,0.73,0.67],['2020-12-24',18.18,18.14,18.01,18.31,37.00,0,0.19,0.74,0.65],['2020-12-25',18.22,18.33,18.2,18.36,48.00,0,0.26,0.75,0.62],['2020-12-28',18.35,17.84,17.8,18.39,48.00,0,0.27,0.72,0.59],['2020-12-29',17.83,17.94,17.71,17.97,36.00,0,0.36,0.73,0.55],['2020-12-30',17.9,18.26,17.55,18.3,71.00,1,0.43,0.71,0.50],['2020-12-31',18.12,17.99,17.91,18.33,72.00,0,0.40,0.63,0.43],['2021-01-04',17.91,17.28,17.16,17.95,37.00,1,0.34,0.55,0.38],['2021-01-05',17.17,17.23,17.0,17.55,51.00,0,0.37,0.51,0.33],['2021-01-06',17.2,17.31,17.06,17.33,31.00,0,0.37,0.46,0.28],['2021-01-07',17.15,16.67,16.51,17.15,19.00,0,0.30,0.37,0.22],['2021-01-08',16.8,16.81,16.61,17.06,60.00,0,0.29,0.32,0.18],['2021-01-11',16.68,16.04,16.0,16.68,65.00,0,0.20,0.24,0.14],['2021-01-12',16.03,15.98,15.88,16.25,46.00,0,0.20,0.21,0.11],['2021-01-13',16.21,15.87,15.78,16.21,57.00,0,0.20,0.18,0.08],['2021-01-14',15.55,15.89,15.52,15.96,42.00,0,0.20,0.16,0.05],['2021-01-15',15.87,15.48,15.45,15.92,34.00,1,0.17,0.11,0.02],['2021-01-18',15.39,15.42,15.36,15.7,26.00,0,0.21,0.10,-0.00],['2021-01-19',15.58,15.71,15.35,15.77,38.00,0,0.25,0.09,-0.03],['2021-01-20',15.56,15.52,15.24,15.68,38.00,0,0.23,0.05,-0.07],['2021-01-21',15.41,15.3,15.28,15.68,35.00,0,0.21,0.00,-0.10],['2021-01-22',15.48,15.28,15.13,15.49,30.00,0,0.21,-0.02,-0.13],['2021-01-25',15.29,15.48,15.2,15.49,21.00,0,0.20,-0.06,-0.16],['2021-01-26',15.33,14.86,14.78,15.39,30.00,0,0.12,-0.13,-0.19],['2021-01-27',14.96,15.0,14.84,15.22,51.00,0,0.13,-0.14,-0.20],['2021-01-28',14.96,14.72,14.62,15.06,25.00,0,0.10,-0.17,-0.22],['2021-01-29',14.75,14.99,14.62,15.08,36.00,0,0.13,-0.17,-0.24],['2021-02-01',14.98,14.72,14.48,15.18,27.00,0,0.10,-0.21,-0.26],['2021-02-02',14.65,14.85,14.65,14.95,18.00,0,0.11,-0.21,-0.27],['2021-02-03',14.72,14.67,14.55,14.8,23.00,0,0.10,-0.24,-0.29],['2021-02-04',14.79,14.88,14.69,14.93,22.00,0,0.13,-0.24,-0.30],['2021-02-05',14.9,14.86,14.78,14.93,16.00,0,0.12,-0.26,-0.32],['2021-02-15',14.5,14.66,14.47,14.82,19.00,0,0.11,-0.28,-0.34],['2021-02-16',14.77,14.94,14.72,15.05,26.00,0,0.14,-0.28,-0.35],['2021-02-17',14.95,15.03,14.88,15.07,38.00,0,0.12,-0.31,-0.37],['2021-02-18',14.95,14.9,14.87,15.06,28.00,0,0.07,-0.35,-0.39],['2021-02-19',14.9,14.75,14.68,14.94,22.00,0,0.03,-0.38,-0.40],['2021-02-22',14.88,15.01,14.79,15.11,38.00,1,0.01,-0.40,-0.40],['2021-02-23',15.01,14.83,14.72,15.01,24.00,0,-0.09,-0.45,-0.40],['2021-02-24',14.75,14.81,14.67,14.87,21.00,0,-0.17,-0.48,-0.39],['2021-02-25',14.81,14.25,14.21,14.81,51.00,1,-0.27,-0.50,-0.37],['2021-02-26',14.35,14.45,14.28,14.57,28.00,0,-0.26,-0.46,-0.33],['2021-02-29',14.43,14.56,14.04,14.6,48.00,0,-0.25,-0.41,-0.29],['2021-03-01',14.56,14.65,14.36,14.78,32.00,0,-0.21,-0.36,-0.25],['2021-03-02',14.79,14.96,14.72,14.97,60.00,0,-0.13,-0.29,-0.22],['2021-03-03',14.95,15.15,14.91,15.19,53.00,1,-0.05,-0.23,-0.21],['2021-03-04',15.14,15.97,15.02,16.02,164.00,1,0.06,-0.17,-0.20],['2021-03-07',15.9,15.78,15.65,16.0,41.00,0,0.04,-0.19,-0.21],['2021-03-08',15.78,15.96,15.21,15.99,45.00,0,0.05,-0.19,-0.21],['2021-03-09',15.73,16.05,15.41,16.08,74.00,0,0.03,-0.20,-0.22],['2021-03-10',15.82,15.66,15.65,15.98,19.00,0,-0.02,-0.23,-0.22],['2021-03-11',15.59,15.76,15.42,15.78,32.00,0,0.01,-0.22,-0.22],['2021-03-14',15.78,15.72,15.65,16.04,31.00,0,0.03,-0.20,-0.22],['2021-03-15',15.81,15.86,15.6,15.99,35.00,0,0.10,-0.18,-0.23],['2021-03-16',15.88,16.42,15.79,16.45,123.00,0,0.17,-0.16,-0.24],['2021-03-17',16.39,16.23,16.11,16.4,46.00,0,0.14,-0.20,-0.26],['2021-03-18',16.39,16.17,16.04,16.4,59.00,0,0.13,-0.22,-0.28],['2021-03-21',16.21,16.22,16.11,16.44,50.00,0,0.12,-0.24,-0.30],['2021-03-22',16.27,16.19,16.16,16.42,33.00,0,0.10,-0.27,-0.32],['2021-03-23',16.26,16.18,16.18,16.29,19.00,0,0.08,-0.30,-0.33],['2021-03-24',16.18,16.11,16.01,16.23,23.00,0,0.04,-0.33,-0.35],['2021-03-25',16.12,16.13,16.1,16.2,15.00,0,0.00,-0.35,-0.35],['2021-03-28',16.15,15.85,15.81,16.2,22.00,0,-0.06,-0.38,-0.35],['2021-03-29',15.9,15.79,15.76,16.05,19.00,0,-0.06,-0.37,-0.34],['2021-03-30',15.79,16.24,15.78,16.3,29.00,0,-0.03,-0.35,-0.33],['2021-03-31',16.3,16.09,16.02,16.35,25.00,0,-0.07,-0.37,-0.33],['2021-04-01',16.18,16.27,15.98,16.3,38.00,0,-0.08,-0.36,-0.32],['2021-04-05',16.13,16.34,16.07,16.37,39.00,0,-0.13,-0.37,-0.31],['2021-04-06',16.21,16.26,16.19,16.35,30.00,0,-0.20,-0.39,-0.29],['2021-04-07',16.32,16.1,16.05,16.35,29.00,1,-0.26,-0.39,-0.26],['2021-04-08',16.0,16.16,15.98,16.21,22.00,0,-0.28,-0.37,-0.23],['2021-04-11',16.16,16.31,16.15,16.57,31.00,0,-0.30,-0.33,-0.19],['2021-04-12',16.41,16.29,16.12,16.41,17.00,0,-0.31,-0.30,-0.14],['2021-04-13',16.39,16.48,16.0,16.68,40.00,0,-0.30,-0.25,-0.10],['2021-04-14',16.5,16.46,16.37,16.68,22.00,0,-0.27,-0.19,-0.06],['2021-04-15',16.56,16.93,16.46,17.04,58.00,0,-0.20,-0.12,-0.02],['2021-04-18',16.76,17.06,16.72,17.27,50.00,0,-0.16,-0.07,0.01],['2021-04-19',17.21,17.11,17.02,17.23,30.00,0,-0.12,-0.02,0.03],['2021-04-20',17.11,17.33,16.8,17.36,78.00,0,-0.04,0.03,0.05],['2021-04-21',17.27,17.69,17.17,17.93,79.00,0,0.05,0.08,0.06],['2021-04-22',17.6,17.87,17.56,18.02,55.00,0,0.09,0.10,0.05],['2021-04-25',17.75,17.9,17.41,17.96,39.00,1,0.11,0.09,0.04],['2021-04-26',17.81,17.91,17.6,17.95,39.00,0,0.12,0.08,0.02],['2021-04-27',17.9,17.88,17.81,17.95,25.00,0,0.12,0.06,0.00],['2021-04-28',17.93,17.88,17.67,17.93,28.00,0,0.11,0.04,-0.01],['2021-04-29',17.87,17.75,17.73,17.92,19.00,0,0.08,0.01,-0.03],['2021-05-03',17.79,17.7,17.56,17.85,35.00,0,0.05,-0.01,-0.04],['2021-05-04',17.7,17.65,17.59,17.71,24.00,0,0.02,-0.04,-0.05],['2021-05-05',17.65,17.62,17.46,17.7,20.00,0,-0.03,-0.06,-0.05],['2021-05-06',17.62,17.32,17.3,17.65,29.00,0,-0.10,-0.09,-0.05],['2021-05-09',17.33,17.3,17.21,17.45,23.00,0,-0.13,-0.10,-0.03],['2021-05-10',17.11,17.04,16.98,17.41,28.00,0,-0.15,-0.09,-0.01],['2021-05-11',17.06,17.15,17.06,17.32,20.00,0,-0.12,-0.05,0.01],['2021-05-12',17.02,17.46,17.02,17.58,26.00,0,-0.07,-0.01,0.03],['2021-05-13',17.41,17.57,17.34,17.62,23.00,0,-0.06,0.01,0.03],['2021-05-16',17.55,17.5,17.48,17.64,37.00,0,-0.06,0.01,0.04],['2021-05-17',17.49,17.48,17.39,17.53,13.00,0,-0.03,0.03,0.05],['2021-05-18',17.41,17.82,17.39,17.87,46.00,0,0.01,0.06,0.06],['2021-05-19',17.74,17.81,17.67,17.86,17.00,0,-0.01,0.05,0.05],['2021-05-20',17.76,17.88,17.7,17.93,14.00,0,-0.03,0.04,0.06],['2021-05-23',17.88,17.52,17.48,17.97,16.00,0,-0.09,0.02,0.06],['2021-05-24',17.51,17.33,17.32,17.51,8.00,0,-0.09,0.03,0.07],['2021-05-25',17.59,17.55,17.44,17.59,10.00,0,-0.03,0.07,0.08],['2021-05-26',17.5,17.69,17.5,17.8,12.00,0,0.00,0.09,0.09],['2021-05-27',17.77,17.66,17.62,17.77,7.00,0,0.03,0.10,0.09],['2021-05-30',17.75,17.84,17.62,17.87,20.00,0,0.08,0.12,0.08],['2021-05-31',17.88,18.0,17.81,18.03,41.00,0,0.10,0.12,0.07],['2021-06-01',18.09,17.83,17.73,18.09,22.00,0,0.08,0.10,0.06],['2021-06-02',17.82,17.73,17.66,17.88,10.00,0,0.07,0.08,0.05],['2021-06-03',17.8,17.78,17.71,17.83,9.00,0,0.08,0.08,0.04],['2021-06-06',17.73,17.64,17.56,17.83,12.00,0,0.07,0.06,0.03],['2021-06-07',17.76,17.8,17.59,17.87,11.00,0,0.08,0.06,0.02],['2021-06-08',17.75,17.77,17.65,17.84,9.00,0,0.04,0.03,0.01],['2021-06-13',17.58,17.32,17.29,17.79,16.00,0,-0.02,-0.01,0.00],['2021-06-14',17.33,17.38,17.29,17.5,10.00,0,-0.01,0.00,0.00],['2021-06-15',17.25,17.39,17.25,17.46,18.00,0,0.00,0.01,0.00],['2021-06-16',17.26,17.4,17.26,17.46,22.00,0,0.01,0.01,0.00],['2021-06-17',17.38,17.5,17.37,17.67,13.00,0,0.03,0.02,0.00],['2021-06-20',17.62,17.51,17.42,17.63,15.00,0,0.03,0.01,-0.00],['2021-06-21',17.53,17.54,17.5,17.7,11.00,0,0.02,0.00,-0.01],['2021-06-22',17.5,17.5,17.46,17.6,10.00,0,-0.01,-0.01,-0.01],['2021-06-23',17.52,17.26,17.24,17.53,16.00,0,-0.04,-0.03,-0.01],['2021-06-24',17.26,17.25,17.18,17.38,60.00,0,-0.03,-0.02,-0.00],['2021-06-27',17.25,17.28,17.18,17.33,19.00,0,-0.01,-0.00,0.00],['2021-06-28',17.25,17.29,17.21,17.32,13.00,0,0.02,0.01,0.00],['2021-06-29',17.31,17.45,17.27,17.49,21.00,0,0.07,0.04,0.00],['2021-06-30',17.47,17.5,17.39,17.55,17.00,0,0.11,0.04,-0.01],['2021-07-01',17.5,17.63,17.49,17.66,10.00,0,0.14,0.05,-0.03],['2021-07-04',17.63,17.72,17.63,17.92,17.00,0,0.16,0.03,-0.05],['2021-07-05',17.79,17.56,17.45,17.79,18.00,0,0.14,0.00,-0.07],['2021-07-06',17.53,17.42,17.31,17.54,20.00,0,0.14,-0.02,-0.09],['2021-07-07',17.41,17.51,17.35,17.52,15.00,0,0.16,-0.03,-0.11],['2021-07-08',17.5,17.39,17.35,17.51,15.00,0,0.16,-0.05,-0.13],['2021-07-11',17.49,17.48,17.4,17.55,16.00,0,0.17,-0.07,-0.15],['2021-07-12',17.48,17.71,17.46,17.75,25.00,0,0.16,-0.10,-0.18],['2021-07-13',17.13,17.05,17.02,17.39,28.00,0,0.07,-0.17,-0.20],['2021-07-14',17.07,17.09,17.0,17.16,12.00,0,0.08,-0.17,-0.21],['2021-07-15',17.08,17.14,17.08,17.17,11.00,0,0.09,-0.18,-0.22],['2021-07-18',17.15,17.26,17.13,17.49,24.00,0,0.10,-0.19,-0.23],['2021-07-19',17.26,17.12,17.09,17.33,13.00,0,0.07,-0.21,-0.25],['2021-07-20',17.1,17.07,17.02,17.14,11.00,0,0.06,-0.23,-0.26],['2021-07-21',17.07,17.24,17.07,17.27,14.00,0,0.07,-0.23,-0.27],['2021-07-22',17.25,17.08,17.03,17.25,10.00,0,0.04,-0.26,-0.28],['2021-07-25',17.09,17.12,17.01,17.18,8.00,0,0.04,-0.26,-0.28],['2021-07-26',17.05,17.17,17.05,17.2,11.00,0,0.04,-0.27,-0.29],['2021-07-27',17.2,17.37,16.89,17.38,32.00,0,0.02,-0.28,-0.29],['2021-07-28',17.19,17.14,17.09,17.29,19.00,0,-0.04,-0.32,-0.30],['2021-07-29',17.15,17.16,17.04,17.23,12.00,0,-0.08,-0.33,-0.29],['2021-08-01',17.15,17.18,17.1,17.24,19.00,0,-0.13,-0.34,-0.28],['2021-08-02',17.21,17.15,17.12,17.25,9.00,0,-0.19,-0.36,-0.26],['2021-08-03',17.08,17.07,17.01,17.16,9.00,0,-0.25,-0.36,-0.24],['2021-08-04',17.11,17.06,16.98,17.12,11.00,1,-0.29,-0.35,-0.20],['2021-08-05',17.06,17.1,17.05,17.15,16.00,0,-0.33,-0.32,-0.16],['2021-08-08',17.14,17.13,17.07,17.15,13.00,0,-0.35,-0.29,-0.11],['2021-08-09',17.13,17.17,17.1,17.2,25.00,0,-0.35,-0.24,-0.06],['2021-08-10',17.17,17.28,17.15,17.29,18.00,0,-0.31,-0.17,-0.01],['2021-08-11',17.3,17.45,17.26,17.87,31.00,0,-0.24,-0.09,0.03],['2021-08-12',17.51,17.99,17.47,18.0,44.00,0,-0.14,-0.00,0.07],['2021-08-15',18.1,18.42,18.02,18.99,81.00,0,-0.09,0.04,0.09],['2021-08-16',18.64,18.31,18.12,18.87,60.00,0,-0.10,0.05,0.10],['2021-08-17',18.43,18.4,18.31,18.68,21.00,0,-0.08,0.08,0.11],['2021-08-18',18.33,18.23,18.13,18.65,32.00,0,-0.07,0.09,0.13],['2021-08-19',18.34,18.62,18.31,18.75,39.00,0,0.00,0.14,0.14],['2021-08-22',18.62,18.69,18.51,18.8,20.00,0,0.01,0.14,0.13],['2021-08-23',18.61,18.66,18.52,19.0,28.00,0,0.01,0.14,0.13],['2021-08-24',18.66,18.62,18.43,18.7,19.00,0,0.00,0.13,0.13],['2021-08-25',18.57,18.51,18.19,18.64,19.00,0,-0.00,0.13,0.13],['2021-08-26',18.49,18.55,18.44,18.6,16.00,0,0.01,0.13,0.13],['2021-08-29',18.46,18.27,18.03,18.48,20.00,0,0.01,0.13,0.13],['2021-08-30',18.24,18.44,18.23,18.52,19.00,0,0.07,0.17,0.13],['2021-08-31',18.36,18.63,18.36,18.76,15.00,0,0.13,0.18,0.12],['2021-09-01',18.6,18.62,18.55,18.78,15.00,0,0.16,0.18,0.10],['2021-09-02',18.52,18.68,18.48,18.72,17.00,0,0.19,0.17,0.08],['2021-09-05',18.68,18.75,18.57,18.82,19.00,0,0.20,0.15,0.05],['2021-09-06',18.75,18.51,18.43,18.78,17.00,0,0.18,0.11,0.02],['2021-09-07',18.51,18.56,18.4,18.62,17.00,0,0.17,0.08,-0.00],['2021-09-08',18.58,18.53,18.48,18.63,8.00,0,0.13,0.04,-0.03],['2021-09-09',18.52,18.33,18.31,18.57,8.00,0,0.06,-0.02,-0.05],['2021-09-12',18.16,17.9,17.81,18.18,28.00,0,-0.02,-0.07,-0.06],['2021-09-13',17.91,17.91,17.9,18.08,13.00,0,-0.05,-0.08,-0.05],['2021-09-14',17.99,17.54,17.48,17.99,22.00,0,-0.09,-0.09,-0.05],['2021-09-19',17.55,17.81,17.55,17.88,16.00,0,-0.06,-0.06,-0.03],['2021-09-20',17.8,17.74,17.67,17.85,10.00,0,-0.06,-0.05,-0.02],['2021-09-21',17.75,17.88,17.75,17.95,7.00,0,-0.03,-0.03,-0.02],['2021-09-22',17.99,17.97,17.88,18.17,12.00,0,-0.02,-0.02,-0.01],['2021-09-23',17.99,17.98,17.93,18.09,13.00,0,-0.01,-0.01,-0.01],['2021-09-26',17.91,18.0,17.85,18.09,14.00,0,-0.00,-0.01,-0.01],['2021-09-27',17.97,18.07,17.94,18.1,10.00,0,0.00,-0.01,-0.01],['2021-09-28',18.06,17.89,17.83,18.06,10.00,0,-0.00,-0.01,-0.01],['2021-09-29',17.96,18.0,17.92,18.07,10.00,0,0.03,0.01,-0.01],['2021-09-30',17.96,18.0,17.95,18.1,8.00,0,0.06,0.02,-0.01],['2021-10-10',18.03,18.3,18.03,18.38,19.00,0,0.11,0.04,-0.02],['2021-10-11',18.33,18.33,18.26,18.49,12.00,0,0.10,0.02,-0.04],['2021-10-12',18.28,18.15,18.1,18.31,10.00,0,0.07,-0.02,-0.05],['2021-10-13',18.15,18.09,18.05,18.21,10.00,0,0.06,-0.03,-0.06],['2021-10-14',18.1,18.1,18.0,18.15,12.00,0,0.04,-0.05,-0.07],['2021-10-17',18.07,17.86,17.83,18.1,12.00,0,0.01,-0.07,-0.08],['2021-10-18',17.86,17.93,17.84,17.99,14.00,0,0.03,-0.07,-0.08],['2021-10-19',17.93,17.88,17.83,18.05,11.00,0,0.03,-0.07,-0.08],['2021-10-20',17.9,17.89,17.83,17.98,12.00,0,0.05,-0.06,-0.09],['2021-10-21',17.91,17.91,17.82,17.93,12.00,0,0.07,-0.06,-0.09],['2021-10-24',17.93,18.31,17.86,18.42,29.00,0,0.11,-0.05,-0.10],['2021-10-25',18.31,18.13,18.09,18.46,19.00,0,0.06,-0.09,-0.12],['2021-10-26',18.12,17.97,17.95,18.15,14.00,0,0.02,-0.12,-0.13],['2021-10-27',18.06,17.81,17.77,18.06,21.00,0,-0.01,-0.13,-0.13],['2021-10-28',17.8,17.9,17.8,18.05,20.00,0,-0.01,-0.13,-0.13],['2021-10-31',17.87,17.86,17.72,17.96,12.00,0,-0.02,-0.14,-0.13],['2021-11-01',17.87,17.98,17.79,17.99,18.00,0,-0.03,-0.14,-0.12],['2021-11-02',17.86,17.84,17.76,17.94,30.00,0,-0.06,-0.15,-0.12],['2021-11-03',17.83,17.93,17.79,17.97,27.00,0,-0.07,-0.14,-0.11],['2021-11-04',17.9,17.91,17.87,18.0,26.00,0,-0.09,-0.15,-0.10],['2021-11-07',17.91,17.89,17.85,17.93,20.00,0,-0.11,-0.14,-0.09],['2021-11-08',17.92,17.99,17.89,18.06,26.00,0,-0.12,-0.13,-0.07],['2021-11-09',18.0,17.89,17.77,18.08,34.00,0,-0.15,-0.13,-0.06],['2021-11-10',17.95,18.0,17.94,18.11,27.00,0,-0.15,-0.11,-0.03],['2021-11-11',17.95,18.02,17.93,18.08,27.00,0,-0.17,-0.10,-0.01],['2021-11-14',18.0,18.04,17.95,18.25,35.00,0,-0.18,-0.08,0.01],['2021-11-15',18.1,18.18,18.03,18.24,25.00,0,-0.18,-0.06,0.04],['2021-11-16',18.23,18.12,18.05,18.29,23.00,0,-0.21,-0.04,0.06],['2021-11-17',18.11,18.12,18.01,18.14,27.00,0,-0.21,-0.01,0.09],['2021-11-18',18.12,18.1,18.03,18.16,18.00,0,-0.19,0.03,0.12],['2021-11-21',18.08,18.34,18.08,18.68,41.00,0,-0.13,0.08,0.15],['2021-11-22',18.37,18.37,18.28,18.49,52.00,0,-0.09,0.12,0.17],['2021-11-23',18.4,18.84,18.37,18.9,66.00,0,-0.02,0.17,0.18],['2021-11-24',18.77,18.74,18.61,18.97,26.00,0,-0.02,0.17,0.18],['2021-11-25',18.8,18.99,18.66,19.02,40.00,0,-0.01,0.18,0.19],['2021-11-28',19.1,18.65,18.52,19.2,85.00,0,-0.06,0.16,0.19],['2021-11-29',18.65,18.75,18.51,18.76,49.00,0,-0.06,0.17,0.20],['2021-11-30',18.76,18.55,18.47,18.82,39.00,0,-0.08,0.17,0.21],['2021-12-01',18.55,18.49,18.41,18.64,53.00,0,-0.06,0.19,0.22],['2021-12-02',18.53,18.49,18.24,18.54,48.00,0,-0.02,0.21,0.23],['2021-12-05',18.39,18.66,18.34,18.67,50.00,0,0.03,0.25,0.23],['2021-12-06',18.66,18.6,18.57,18.78,31.00,0,0.08,0.26,0.23],['2021-12-07',18.65,18.62,18.58,18.71,12.00,0,0.15,0.29,0.21],['2021-12-08',18.67,18.76,18.62,18.88,26.00,0,0.25,0.32,0.19],['2021-12-09',18.76,19.2,18.75,19.34,62.00,0,0.34,0.33,0.16],['2021-12-12',19.16,19.25,18.9,19.65,79.00,1,0.34,0.28,0.11],['2021-12-13',19.09,18.88,18.81,19.2,24.00,0,0.27,0.20,0.06],['2021-12-14',18.8,18.82,18.8,19.14,32.00,0,0.23,0.13,0.02],['2021-12-15',18.73,18.24,18.2,18.73,36.00,0,0.13,0.05,-0.01],['2021-12-16',18.24,18.18,18.12,18.4,24.00,0,0.10,0.02,-0.03],['2021-12-19',18.15,18.01,17.93,18.18,24.00,0,0.06,-0.02,-0.05],['2021-12-20',17.99,17.79,17.7,17.99,29.00,1,0.02,-0.05,-0.05],['2021-12-21',17.83,17.81,17.77,17.98,30.00,0,0.00,-0.05,-0.06],['2021-12-22',17.85,17.72,17.65,17.85,21.00,0,-0.03,-0.07,-0.06],['2021-12-23',17.77,17.6,17.54,17.77,18.00,0,-0.04,-0.08,-0.05],['2021-12-26',17.56,17.75,17.39,17.77,16.00,0,-0.04,-0.07,-0.05],['2021-12-27',17.73,17.71,17.65,17.82,10.00,0,-0.06,-0.07,-0.04],['2021-12-28',17.72,17.62,17.49,17.77,26.00,0,-0.09,-0.07,-0.03],['2021-12-29',17.6,17.49,17.43,17.62,28.00,0,-0.09,-0.06,-0.02],['2021-12-30',17.53,17.6,17.47,17.61,22.00,0,-0.05,-0.03,-0.01],['2022-01-03',17.6,17.92,17.57,17.98,28.00,1,0.00,0.00,0.00]]);

//数组处理
function splitData(rawData) {
  var datas = [];
  var times = [];
  var vols = [];
  var macds = []; var difs = []; var deas = [];
  for (var i = 0; i < rawData.length; i++) {
	datas.push(rawData[i]);
	times.push(rawData[i].splice(0, 1)[0]);
	vols.push(rawData[i][4]);
	macds.push(rawData[i][6]);
	difs.push(rawData[i][7]);
	deas.push(rawData[i][8]);
  }
  return {
	datas: datas,
	times: times,
	vols: vols,
	macds: macds,
	difs: difs,
	deas: deas
  };
}

//分段计算
function fenduans(){
  var markLineData = [];
  var idx = 0; var tag = 0; var vols = 0;
  for (var i = 0; i < data.times.length; i++) { //初始化数据 if(data.datas[i][5] != 0 && tag == 0){ idx = i; vols = data.datas[i][4]; tag = 1; } if(tag == 1){ vols += data.datas[i][4]; } if(data.datas[i][5] != 0 && tag == 1){ markLineData.push([{ xAxis: idx, yAxis: data.datas[idx][1]>data.datas[idx][0]?(data.datas[idx][3]).toFixed(2):(data.datas[idx][2]).toFixed(2),
		value: vols
	  }, {
		xAxis: i,
		yAxis: data.datas[i][1]>data.datas[i][0]?(data.datas[i][3]).toFixed(2):(data.datas[i][2]).toFixed(2)
	  }]);
	  idx = i; vols = data.datas[i][4]; tag = 2;
	}
	
	//更替数据
	if(tag == 2){ vols += data.datas[i][4]; }
	if(data.datas[i][5] != 0 && tag == 2){
	  markLineData.push([{
	    xAxis: idx,
	    yAxis: data.datas[idx][1]>data.datas[idx][0]?(data.datas[idx][3]).toFixed(2):(data.datas[idx][2]).toFixed(2),
	    value: (vols/(i-idx+1)).toFixed(2)+' M'
	  }, {
	    xAxis: i,
	    yAxis: data.datas[i][1]>data.datas[i][0]?(data.datas[i][3]).toFixed(2):(data.datas[i][2]).toFixed(2)
	  }]);
	  idx = i; vols = data.datas[i][4];
	}
  }
  return markLineData;
}

//MA计算公式
function calculateMA(dayCount) {
  var result = [];
  for (var i = 0, len = data.times.length; i < len; i++) {
	if (i < dayCount) {
	  result.push('-');
	  continue;
	}
	var sum = 0;
	for (var j = 0; j < dayCount; j++) { sum += data.datas[i - j][1]; } result.push((sum / dayCount).toFixed(2)); } return result; } var option = { backgroundColor:'#fff', tooltip: { trigger: 'axis', axisPointer: { type: 'line' } }, legend: { top:'20', data: ['KLine', 'MA5'] }, grid: [{ left: '3%', right: '4%', height: '52%' },{ left: '3%', right: '4%', top: '63%', height: '10%' },{ left: '3%', right: '4%', top: '74%', height: '14%' }], xAxis: [{ type: 'category', data: data.times, scale: true, boundaryGap: false, axisLine: { onZero: false }, splitLine: { show: false }, splitNumber: 20, min: 'dataMin', max: 'dataMax' },{ type: 'category', gridIndex: 1, data: data.times, axisLabel: {show: false} },{ type: 'category', gridIndex: 2, data: data.times, axisLabel: {show: false} }], yAxis: [{ scale: true, splitArea: { show: false } },{ gridIndex: 1, splitNumber: 3, axisLine: {onZero: false}, axisTick: {show: false}, splitLine: {show: false}, axisLabel: {show: true} },{ gridIndex: 2, splitNumber: 4, axisLine: {onZero: false}, axisTick: {show: false}, splitLine: {show: false}, axisLabel: {show: true} }], dataZoom: [{ type: 'inside', xAxisIndex: [0, 0], start: 20, end: 100 },{ show: true, xAxisIndex: [0, 1], type: 'slider', top: '93%', start: 20, end: 100 },{ show: false, xAxisIndex: [0, 2], type: 'slider', start: 20, end: 100 }], series: [{ name: 'K线周期图表(matols.com)', type: 'candlestick', data: data.datas, itemStyle: { normal: { color: '#ef232a', color0: '#14b143', borderColor: '#ef232a', borderColor0: '#14b143' } }, markArea: { silent: true, itemStyle: { normal: { color: 'Honeydew' } }, data: fenduans() }, markPoint: { data: [ {type: 'max', name: '最大值'}, {type: 'min', name: '最小值'} ] }, markLine: { label: { normal: { position: 'middle', textStyle:{color:'Blue',fontSize: 15} } }, data: fenduans(), symbol: ['circle', 'none'] } }, { name: 'MA5', type: 'line', data: calculateMA(5), smooth: true, lineStyle: { normal: { opacity: 0.5 } } },{ name: 'Volumn', type: 'bar', xAxisIndex: 1, yAxisIndex: 1, data: data.vols, itemStyle: { normal: { color: function(params) { var colorList; if (data.datas[params.dataIndex][1]>data.datas[params.dataIndex][0]) {
            colorList = '#ef232a';
          } else {
            colorList = '#14b143';
          }
          return colorList;
        },
      }
    }
  },{
    name: 'MACD',
    type: 'bar',
    xAxisIndex: 2,
    yAxisIndex: 2,
    data: data.macds,
    itemStyle: {
      normal: {
        color: function(params) {
          var colorList;
          if (params.data >= 0) {
            colorList = '#ef232a';
          } else {
            colorList = '#14b143';
          }
          return colorList;
        },
      }
    }
  },{
    name: 'DIF',
    type: 'line',
    xAxisIndex: 2,
    yAxisIndex: 2,
    data: data.difs
  },{
    name: 'DEA',
    type: 'line',
    xAxisIndex: 2,
    yAxisIndex: 2,
    data: data.deas
  }
  ]
};  
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);

点击运行 》

点击展开全文

相关文章

  1. ECharts水球图图表展示数据占比和目标完成情况
  2. 百度Echarts图表之柱状图+折线图组合系列
  3. 百度Echarts图表之自定义系列
  4. 百度Echarts横向柱状图显示最大值和最小值以及平均值
  5. 百度Echarts柱状图显示最大值和最小值以及平均值