<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="chart.js"></script>
<script type="text/javascript" src="timechart.js"></script>
</head>
<body>
<canvas id="myChart" width="500" height="300"></canvas>
<script type="text/javascript" >
var data = {
datasets : [
{
lable:"方象2",
fillColor : "rgba(222,237,253,0.5)",
strokeColor : "rgba(0,162,255,1)",
pointColor : "#fff",
pointStrokeColor : "rgba(151,187,205,1)",
preClose:10.59,
mainData:false,
volumes:[545.870,75.140,112.410,146.730,143.210,174.110,205.670,164.500,130.520,123.530,168.570,186.610,99.680,100.600,110.460,89.550,174.400,77.170,90.410,137.710,153.840,124.710,109.040,91.510,239.500,180.690,188.110,116.050,63.350,112.460,106.500,302.260,117.140,210.130,127.370,187.470,137.750,96.570,72.050,189.350,62.540,89.500,140.750,101.160,126.470,58.790,54.830,70.590,61.070,104.380,60.290,94.910,98.470,67.150,64.360,139.780,105.040,69.700,71.840,100.110,152.360,251.660,134.580,94.860,75.660,47.250,59.270,71.900,82.040,142.790,94.250,71.610,129.630,108.250,125.700,277.240,284.840,359.890,348.480,329.370,234.550,131.300,152.650,111.370,128.450,105.080,84.630,213.110,80.640,63.400,126.850,48.250,124.250,72.410,78.750,81.960,67.710,38.110,40.590,91.650,102.580,58.160,31.940,114.640,59.050,55.150,28.420,25.060,43.220,24.280,29.420,27.420,36.230,41.340,97.700,16.520,27.510,43.110,35.750,159.740,0.000,88.630,64.180,35.220,103.940,25.220,30.370,16.560,27.380,36.480,38.170,40.080,46.690,21.740,39.000,23.280,44.930,42.540,85.440,42.560,43.590,31.420,22.940,25.430,30.720,41.090,71.170,80.220,64.140,73.050,59.450,62.710,117.260,62.300,141.230,101.000,62.020,93.630,95.750,55.840,29.120,55.520,53.790,32.480,33.590,49.600,45.850,22.790,37.920,23.780,63.420,99.150,70.510,100.540,70.770,80.060,74.890,56.530,62.650,54.500,122.930,60.790,31.220,69.550,28.720,53.900,41.440,46.060,74.230,55.190,58.540,71.890,53.310,134.030,78.960,68.360,107.160,58.700,68.430,96.180,85.370,60.460,80.090,26.810,63.310,38.690,44.310,202.200,28.360,59.670,36.710,49.910,53.030,60.310,61.570,36.990,27.390,57.680,40.770,51.890,42.580,63.420,55.720,105.790,42.160,55.530,141.070,94.790,64.660,109.610,87.710,132.380,113.750,87.260,71.080,187.440,83.800,156.380,85.980,187.570],
data : [10.63,10.65,10.65,10.65,10.65,10.64,10.64,10.61,10.61,10.61,10.61,10.6,10.6,10.59,10.6,10.59,10.6,10.59,10.6,10.6,10.6,10.61,10.6,10.59,10.59,10.6,10.6,10.58,10.59,10.59,10.59,10.59,10.59,10.6,10.59,10.59,10.59,10.6,10.59,10.59,10.59,10.59,10.59,10.59,10.58,10.58,10.58,10.58,10.59,10.59,10.59,10.59,10.6,10.6,10.6,10.6,10.6,10.6,10.59,10.59,10.6,10.6,10.6,10.6,10.6,10.61,10.6,10.6,10.6,10.6,10.6,10.6,10.6,10.6,10.6,10.58,10.58,10.58,10.58,10.57,10.58,10.57,10.58,10.56,10.57,10.58,10.58,10.56,10.58,10.58,10.57,10.58,10.58,10.59,10.58,10.58,10.58,10.59,10.59,10.58,10.6,10.6,10.59,10.6,10.6,10.6,10.6,10.6,10.6,10.6,10.6,10.6,10.59,10.59,10.59,10.59,10.59,10.57,10.56,10.54,10.56,10.57,10.57,10.57,10.57,10.59,10.59,10.57,10.59,10.59,10.59,10.59,10.59,10.6,10.6,10.6,10.62,10.62,10.63,10.62,10.64,10.64,10.62,10.65,10.66,10.66,10.66,10.67,10.66,10.66,10.66,10.67,10.67,10.64,10.64,10.66,10.65,10.66,10.65,10.7,10.65,10.65,10.65,10.65,10.66,10.65,10.65,10.64,10.65,10.64,10.64,10.64,10.61,10.6,10.6,10.6,10.59,10.6,10.6,10.59,10.59,10.58,10.56,10.58,10.57,10.55,10.55,10.56,10.53,10.5,10.51,10.5,10.51,10.5,10.51,10.51,10.5,10.51,10.51,10.5,10.53,10.5,10.54,10.54,10.57,10.58,10.58,10.59,10.6,10.62,10.62,10.65,10.65,10.65,10.66,10.65,10.66,10.67,10.67,10.67,10.66,10.66,10.67,10.68,10.68,10.67,10.68,10.69,10.69,10.69,10.7,10.7,10.69,10.7,10.69,10.68,10.71,10.69,10.69,10.71,10.71]
},
{
lable:"方象1",
fillColor : "rgba(255,200,200,0.5)",
strokeColor : "rgba(255,100, 100,1)",
pointColor : "#fff",
pointStrokeColor : "rgba(151,187,205,1)",
preClose:28.50,
avgVolume5:400,
mainData:true,
volumes:[545.870,75.140,112.410,146.730,143.210,174.110,205.670,164.500,130.520,123.530,168.570,186.610,99.680,100.600,110.460,89.550,174.400,77.170,90.410,137.710,153.840,124.710,109.040,91.510,239.500,180.690,188.110,116.050,63.350,112.460,106.500,302.260,117.140,210.130,127.370,187.470,137.750,96.570,72.050,189.350,62.540,89.500,140.750,101.160,126.470,58.790,54.830,70.590,61.070,104.380,60.290,94.910,98.470,67.150,64.360,139.780,105.040,69.700,71.840,100.110,152.360,251.660,134.580,94.860,75.660,47.250,59.270,71.900,82.040,142.790,94.250,71.610,129.630,108.250,125.700,277.240,284.840,359.890,348.480,329.370,234.550,131.300,152.650,111.370,128.450,105.080,84.630,213.110,80.640,63.400,126.850,48.250,124.250,72.410,78.750,81.960,67.710,38.110,40.590,91.650,102.580,58.160,31.940,114.640,59.050,55.150,28.420,25.060,43.220,24.280,29.420,27.420,36.230,41.340,97.700,16.520,27.510,43.110,35.750,159.740,0.000,88.630,64.180,35.220,103.940,25.220,30.370,16.560,27.380,36.480,38.170,40.080,46.690,21.740,39.000,23.280,44.930,42.540,85.440,42.560,43.590,31.420,22.940,25.430,30.720,41.090,71.170,80.220,64.140,73.050,59.450,62.710,117.260,62.300,141.230,101.000,62.020,93.630,95.750,55.840,29.120,55.520,53.790,32.480,33.590,49.600,45.850,22.790,37.920,23.780,63.420,99.150,70.510,100.540,70.770,80.060,74.890,56.530,62.650,54.500,122.930,60.790,31.220,69.550,28.720,53.900,41.440,46.060,74.230,55.190,58.540,71.890,53.310,134.030,78.960,68.360,107.160,58.700,68.430,96.180,85.370,60.460,80.090,26.810,63.310,38.690,44.310,202.200,28.360,59.670,36.710,49.910,53.030,60.310,61.570,36.990,27.390,57.680,40.770,51.890,42.580,63.420,55.720,105.790,42.160,55.530,141.070,94.790,64.660,109.610,87.710,132.380,113.750,87.260,71.080,187.440,83.800,156.380,85.980,187.570],
data :
[27.37,27.47,27.37,27.47,27.47,27.47,27.50,27.55,27.63,27.65,27.63,27.57,27.57,27.57,27.57,27.52,27.55,27.58,27.63,27.68,27.74,27.86,27.87,27.87,27.80,27.72,27.75,27.78,27.80,27.80,27.77,27.70,27.64,27.62,27.60,27.63,27.66,27.70,27.74,27.76,27.75,27.73,27.69,27.66,27.74,27.87,28.04,28.36,28.29,28.27,28.43,28.75,28.85,28.80,28.70,28.70,28.80,28.88,28.92,28.93,28.91,28.87,28.76,28.70,28.72,28.69,28.70,28.75,28.81,28.75,28.80,28.79,28.78,28.78,28.78,28.77,28.80,28.78,28.73,28.68,28.57,28.45,28.46,28.48,28.48,28.50,28.54,28.60,28.61,28.62,28.58,28.50,28.48,28.48,28.48,28.47,28.50,28.49,28.48,28.47,28.40,28.37,28.30,28.19,28.20,28.21,28.28,28.35,28.39,28.40,28.36,28.35,28.35,28.35,28.36,28.36,28.41,28.45,28.45,28.50,28.50,28.53,28.56,28.53,28.50,28.51,28.51,28.49,28.48,28.47,28.46,28.46,28.47,28.45,28.44,28.43,28.39,28.38,28.30,28.30,28.29,28.38,28.34,28.37,28.37,28.39,28.38,28.38,28.35,28.36,28.38,28.38,28.42,28.43,28.43,28.41,28.40,28.30,28.29,28.26,28.30,28.28,28.35,28.32,28.34,28.32,28.33,28.35,28.34,28.35,28.37,28.38,28.38,28.39,28.39,28.39,28.37,28.40,28.41,28.41,28.44,28.47,28.53,28.61,28.66,28.71,28.75,28.69,28.65,28.65,28.64,28.62,28.60,28.59,28.56,28.51,28.45,28.41,28.39,28.34,28.33,28.36,28.40,28.43,28.48,28.56,28.59,28.59,28.57,28.52,28.44,28.44,28.55,28.56,28.58,28.59,28.57,28.53,28.56,28.56,28.56,28.57,28.58,28.59,28.62,28.70,28.77,28.84,28.84,28.86,28.87,28.89,28.89,28.90,28.89,28.87,28.88,28.86,28.86,28.86,28.86]
}
]
}
var ctx = document.getElementById("myChart").getContext("2d");
new Chart(ctx).TimeChart(data,{
stepNumber:10,
volumeSetup:3,
scaleLabel: "<%=value%>",
scaleLineWidth:1,
boxNode:document.getElementById("myChart").parentNode,
chartNode:document.getElementById("myChart")
});
</script>
tesete asd
</body>
</html>
基于HTML5数据可视化研究.zip
版权申诉
159 浏览量
2024-02-13
22:26:40
上传
评论
收藏 48KB ZIP 举报
基于HTML5数据可视化研究.zip （7个子文件） 
chart-master 
kline2.js 23KB config.plist 4KB timechart.js 32KB
index.html 2KB chart.js 114KB chart test.js 7B line.html 7KB资源评论
博士僧小星
- 粉丝: 1935
- 资源: 5894
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
