| | |
|---|
| | | <!--</div>--> |
|---|
| | | <div class="content-container"> |
|---|
| | | <div style="width: 25%" class="left-col"> |
|---|
| | | <slot name="back_nav"></slot> |
|---|
| | | <dv-border-box-9 style="padding: 40px 20px 0"> |
|---|
| | | <!--<div class="first-title">M D C 入 网 总 数 : 6 0 3 台</div>--> |
|---|
| | | <div id="running_state_chart" style="width:100%;height: 400px;"></div> |
|---|
| | |
|---|
| | | xAxis: [{ |
|---|
| | | name: 'OEE车间', |
|---|
| | | nameLocation: 'middle', |
|---|
| | | nameGap: 30, // x轴name与横坐标轴线的间距 |
|---|
| | | nameGap: 40, // x轴name与横坐标轴线的间距 |
|---|
| | | type: 'category', |
|---|
| | | data: this.barChartData.map(item => item.name), |
|---|
| | | axisLine: { |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | margin: 10, |
|---|
| | | color: '#e2e9ff', |
|---|
| | | textStyle: { |
|---|
| | | fontSize: 12 |
|---|
| | | } |
|---|
| | | show: true, // 是否显示刻度标签，默认显示 |
|---|
| | | interval: 0, // 坐标轴刻度标签的显示间隔，在类目轴中有效；默认会采用标签不重叠的策略间隔显示标签；可以设置成0强制显示所有标签；如果设置为1，表示『隔一个标签显示一个标签』，如果值为2，表示隔两个标签显示一个标签，以此类推。 |
|---|
| | | rotate: this.barChartData.length >= 5 ? -30 : 0, // 刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠；旋转的角度从-90度到90度 |
|---|
| | | inside: false, // 刻度标签是否朝内，默认朝外 |
|---|
| | | margin: 6 // 刻度标签与轴线之间的距离 |
|---|
| | | }, |
|---|
| | | axisTick: { |
|---|
| | | show: false |
|---|
