在vue框架中,下面将展示如何使用echarts画k线图
假如我们有数据,
x=[1,2,3,4,5,6]
y=[1,2,3,4,5,6]
z=[1,2,3,4,5,6]
a=[1,2,3,4,5,6]
我们需要实现它们对应的k线图
var chartDom = document.getElementById("echarts_xyza_k");
var myChart = echarts.init(chartDom);
var option;
option = {
legend:{
data:['x','y','z','a'],
left:0,
selected:{
'y':false,
'z':false,
'a':false
}
},
xAxis: {
data:['x/y/z/a']
},
yAxis: {},
series: [{
name:"x",
type: 'k',
data: [x]
},
{
name:"y",
type: 'k',
data: [y]
},
{
name:"z",
type: 'k',
data: [z]
},
{
name:"a",
type: 'k',
data: [a]
}]
};
option && myChart.setOption(option);
其图像类似于下面所示: