echarts2实现双柱的甘特图_echarts vue 甘特图实现

厂家机型故障分析

.yn-main-wrapper__cloumn{

flex:1;

display:flex;

flex-direction: column;

}

.yn-br__graph{

flex:1;

}

.yn-br__graph:first-child {

display:flex;

}

.yn-br__graph-left{

flex:1;

box-sizing:border-box;

position:relative;

}

.yn-chart__title {

position:absolute;

top:10px;

z-index:2;

left:50%;

transform:translate3D(-50%,0,0);

display:flex;

}

.yn-chart__title-item {

display:inline-block;

margin-right:10px;

font-size:12px;

display:flex;

align-items:center;

}

.yn-chart__title-item > span {

display:inline-block;

width:18px;

height:18px;

margin-right:10px;

}

.yn-br__graph--body{

box-sizing:border-box;

}

.yn-line__graph--title,

.yn-br__graph--title {

margin-bottom:22px;

}

/*排名的表格padding*/

.yn-br__graph--range{

padding:0px 0px 0px 10px;

box-sizing:border-box;

}

.wrap-check-select {

width:240px;

}

.search-form__item{

margin-right:20px;

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:10px;

}

.search-form {

padding-left: 20px;

}

.check-select{

height:30px;

}

:title="'故障趋势分析'"

>

new Vue({el: '#forTitle'})

时间范围

分析维度

v-for="(group,index) in analysisLatitudues"

:key="index"

:label="group.label"

:value="group.value"

>

风场

v-for="group in options_farm"

:key="group.value"

:label="group.text"

:value="group.value"

>

机组

查询

{ {item}}

var INDEX_NAME = '能量可利用率(%)';

var allData = {};

var STARTDATA = '';</