Javascript 堆叠打印未显示完整的y轴值-打印角度
我正在尝试将样本数据下面的样本刷到绘图堆叠条形图中。不幸的是,plotly没有显示完整的y轴值 我的Html代码Javascript 堆叠打印未显示完整的y轴值-打印角度,javascript,angular,plotly,Javascript,Angular,Plotly,我正在尝试将样本数据下面的样本刷到绘图堆叠条形图中。不幸的是,plotly没有显示完整的y轴值 我的Html代码 <plotly-plot [data]="graph.data" [layout]="graph.layout" [config] = "graph.config" (selected)="gr
<plotly-plot
[data]="graph.data"
[layout]="graph.layout"
[config] = "graph.config"
(selected)="graphData($event)"
></plotly-plot>
import { Component, OnInit } from '@angular/core';
import { VisualizationService } from '../visualization.service';
import * as _ from 'lodash';
@Component({
selector: 'app-regression',
templateUrl: './regression.component.html',
styleUrls: ['./regression.component.css']
})
export class RegressionComponent implements OnInit {
constructor( private _VisualizationService: VisualizationService) { }
public graph = {
data: [{
x: [], y: [], type: 'bar', mode: 'stacked', name:'trace',obj:[],hoverinfo:"x+y", orientation: 'h'
}],
layout: {
barmode: "stack",
xaxis: {
domain: [0, 1.0],
anchor: 'x1',
title: 'Values'
},
legend:{
orientation: "h"
},
width:'400px',
title: 'Contribution Plot',
xsrc: 'wafers',
ysrc: 'time',
showlegend:true,
dragmode :"select",
hovermode:'closest',
yaxis:
{
visible: true,
automargin:true,
},
plot_bgcolor: 'rgb(229, 236, 246)'
},
};
chartConfig = {
toImageButtonOptions: {width: null, height: null}
};
ngOnInit(): void {
this.loadSensorData();
}
loadSensorData() {
let formattedData = [];
this._VisualizationService.getSensorChartData().subscribe(d => {
const groupedData = _.groupBy(d, 'sensor');
const groupedByStep = _.groupBy(d, 'step');
const yaxis = _.uniq(_.map(d, 'sensor'));
let steps = _.uniq(_.map(d, 'step'));
console.log('grouped', groupedData);
console.log('groupedByStep', groupedByStep);
console.log('yaxis', yaxis);
console.log('steps', steps);
let j = 1;
for(let i in groupedData) {
const sValue = _.groupBy(groupedData[i].map(k => {return{'step': k.step, 'value': k.value}}), 'step');
console.log('sValue...' + j, sValue);
let xValue = [];
steps.forEach(k => {
if (sValue.hasOwnProperty(k)) {
console.log('sValue.hasOwnProperty(k)', sValue.hasOwnProperty(k),"k==", k,"_.sum(sValue[k].map(s => s.value))", _.sum(sValue[k].map(s => s.value)));
xValue.push(_.sum(sValue[k].map(s => s.value)));
}
});
console.log('j', + j, 'xValue', xValue)
formattedData.push({
x: xValue,
y: yaxis,
type: "bar",
name: "yaxis",
xaxis: 'x1',
barmode: 'stack',
orientation: 'h'
});
j++;
}
});
console.log('formattedData', formattedData);
this.graph.data = formattedData;
}
}
我现在得到的
此处y轴接近30,但仅显示7项
示例Json
我正在从服务文件调用它
[
{
"name": "Gas_10_Flow_AI_Step8_Avg",
"value": 1.0157,
"sensor": "Gas_10_Flow_AI",
"step": "8",
"statistic": "Avg"
},
{
"name": "Gas_13_Flow_AI_Step6_Max",
"value": 0.8241,
"sensor": "Gas_13_Flow_AI",
"step": "6",
"statistic": "Max"
},
{
"name": "TCPMatchC5CapPosition_AI_Step9_Max",
"value": 0.8115,
"sensor": "TCPMatchC5CapPosition_AI",
"step": "9",
"statistic": "Max"
},
{
"name": "Gas_14_Flow_AI_Step11_Max",
"value": 0.8001,
"sensor": "Gas_14_Flow_AI",
"step": "11",
"statistic": "Max"
},
{
"name": "ChamberTemperatureMonitor_Step3_Avg",
"value": 0.7986,
"sensor": "ChamberTemperatureMonitor",
"step": "3",
"statistic": "Avg"
},
{
"name": "IB6Value_Step3_Min",
"value": 0.7978,
"sensor": "IB6Value",
"step": "3",
"statistic": "Min"
},
{
"name": "Gas_14_Flow_AI_Step6_Avg",
"value": 0.7976,
"sensor": "Gas_14_Flow_AI",
"step": "6",
"statistic": "Avg"
},
{
"name": "Gas_10_Flow_AI_Step11_Max",
"value": 0.7021,
"sensor": "Gas_10_Flow_AI",
"step": "11",
"statistic": "Max"
},
{
"name": "TCPMatchC4CapPosition_AI_Step3_Avg",
"value": 0.6536,
"sensor": "TCPMatchC4CapPosition_AI",
"step": "3",
"statistic": "Avg"
},
{
"name": "ChamberFrontRightTemperatureOutputValue_AI_Step11_Min",
"value": 0.623,
"sensor": "ChamberFrontRightTemperatureOutputValue_AI",
"step": "11",
"statistic": "Min"
},
{
"name": "ProcessManometer_AI_Step10_Min",
"value": 0.6141,
"sensor": "ProcessManometer_AI",
"step": "10",
"statistic": "Min"
},
{
"name": "Gas_16_Flow_AI_Step9_Avg",
"value": 0.6133,
"sensor": "Gas_16_Flow_AI",
"step": "9",
"statistic": "Avg"
},
{
"name": "Gas_13_Flow_AI_Step8_Avg",
"value": 0.6117,
"sensor": "Gas_13_Flow_AI",
"step": "8",
"statistic": "Avg"
},
{
"name": "ChamberFrontRightTemperatureOutputValue_AI_Step8_Max",
"value": 0.6085,
"sensor": "ChamberFrontRightTemperatureOutputValue_AI",
"step": "8",
"statistic": "Max"
},
{
"name": "TCRHeaterOutputValue_AI_Step11_Max",
"value": 0.6074,
"sensor": "TCRHeaterOutputValue_AI",
"step": "11",
"statistic": "Max"
},
{
"name": "IB2Value_Step6_Min",
"value": 0.6064,
"sensor": "IB2Value",
"step": "6",
"statistic": "Min"
},
{
"name": "OESMaximalSignal_Step6_Min",
"value": 0.6053,
"sensor": "OESMaximalSignal",
"step": "6",
"statistic": "Min"
},
{
"name": "IB1Value_Step3_Avg",
"value": 0.601,
"sensor": "IB1Value",
"step": "3",
"statistic": "Avg"
},
{
"name": "Gas_15_Flow_AI_Step11_Max",
"value": 0.5999,
"sensor": "Gas_15_Flow_AI",
"step": "11",
"statistic": "Max"
},
{
"name": "Gas_15_Flow_AI_Step6_Max",
"value": 0.5996,
"sensor": "Gas_15_Flow_AI",
"step": "6",
"statistic": "Max"
},
{
"name": "ESCClampVoltage_AI_Step9_Min",
"value": 0.5994,
"sensor": "ESCClampVoltage_AI",
"step": "9",
"statistic": "Min"
},
{
"name": "Gas_12_Flow_AI_Step8_SD",
"value": 0.5992,
"sensor": "Gas_12_Flow_AI",
"step": "8",
"statistic": "SD"
},
{
"name": "Gas_16_Flow_AI_Step3_SD",
"value": 0.599,
"sensor": "Gas_16_Flow_AI",
"step": "3",
"statistic": "SD"
},
{
"name": "Gas_5_Flow_AI_Step9_Avg",
"value": 0.5987,
"sensor": "Gas_5_Flow_AI",
"step": "9",
"statistic": "Avg"
},
{
"name": "Gas_14_Flow_AI_Step4_Avg",
"value": 0.5986,
"sensor": "Gas_14_Flow_AI",
"step": "4",
"statistic": "Avg"
},
{
"name": "Gas_13_Flow_AI_Step11_Max",
"value": 0.5985,
"sensor": "Gas_13_Flow_AI",
"step": "11",
"statistic": "Max"
},
{
"name": "ChamberPressureManometer_AI_Step3_Avg",
"value": 0.5975,
"sensor": "ChamberPressureManometer_AI",
"step": "3",
"statistic": "Avg"
},
{
"name": "ESCTemperatureMonitor_AI_Step6_Min",
"value": 0.5958,
"sensor": "ESCTemperatureMonitor_AI",
"step": "6",
"statistic": "Min"
},
{
"name": "Gas_12_Flow_AI_Step6_Avg",
"value": 0.5856,
"sensor": "Gas_12_Flow_AI",
"step": "6",
"statistic": "Avg"
},
{
"name": "IB6Value_Step4_SD",
"value": 0.5829,
"sensor": "IB6Value",
"step": "4",
"statistic": "SD"
},
{
"name": "Gas_1_Flow_AI_Step3_Max",
"value": 0.5719,
"sensor": "Gas_1_Flow_AI",
"step": "3",
"statistic": "Max"
},
{
"name": "OESMaximalSignal_Step4_Min",
"value": 0.5432,
"sensor": "OESMaximalSignal",
"step": "4",
"statistic": "Min"
},
{
"name": "TCPMatchOuterCoilCurrent_AI_Step9_Avg",
"value": 0.543,
"sensor": "TCPMatchOuterCoilCurrent_AI",
"step": "9",
"statistic": "Avg"
},
{
"name": "ESCBiasVoltage_AI_Step4_Max",
"value": 0.5421,
"sensor": "ESCBiasVoltage_AI",
"step": "4",
"statistic": "Max"
},
{
"name": "Gas_10_Flow_AI_Step6_Avg",
"value": 0.5398,
"sensor": "Gas_10_Flow_AI",
"step": "6",
"statistic": "Avg"
},
{
"name": "ChamberRearRightTemperatureOutputValue_AI_Step9_Max",
"value": 0.538,
"sensor": "ChamberRearRightTemperatureOutputValue_AI",
"step": "9",
"statistic": "Max"
},
{
"name": "ESCTemperatureMonitor_AI_Step4_Avg",
"value": 0.5216,
"sensor": "ESCTemperatureMonitor_AI",
"step": "4",
"statistic": "Avg"
},
{
"name": "TCPMatchOuterCoilCurrent_AI_Step6_Avg",
"value": 0.4777,
"sensor": "TCPMatchOuterCoilCurrent_AI",
"step": "6",
"statistic": "Avg"
},
{
"name": "ChamberPressureManometer_AI_Step4_Max",
"value": 0.473,
"sensor": "ChamberPressureManometer_AI",
"step": "4",
"statistic": "Max"
},
{
"name": "Gas_14_Flow_AI_Step10_Avg",
"value": 0.4522,
"sensor": "Gas_14_Flow_AI",
"step": "10",
"statistic": "Avg"
},
{
"name": "ESCBiasVoltage_AI_Step9_Avg",
"value": 0.4495,
"sensor": "ESCBiasVoltage_AI",
"step": "9",
"statistic": "Avg"
},
{
"name": "ESCClampVoltage_AI_Step8_Min",
"value": 0.4437,
"sensor": "ESCClampVoltage_AI",
"step": "8",
"statistic": "Min"
},
{
"name": "ESCClampVoltage_AI_Step8_Avg",
"value": 0.436,
"sensor": "ESCClampVoltage_AI",
"step": "8",
"statistic": "Avg"
},
{
"name": "Gas_15_Flow_AI_Step8_Avg",
"value": 0.4248,
"sensor": "Gas_15_Flow_AI",
"step": "8",
"statistic": "Avg"
},
{
"name": "ESCBiasVoltage_AI_Step11_Min",
"value": 0.4232,
"sensor": "ESCBiasVoltage_AI",
"step": "11",
"statistic": "Min"
},
{
"name": "ChamberTemperatureMonitor_Step8_Min",
"value": 0.4185,
"sensor": "ChamberTemperatureMonitor",
"step": "8",
"statistic": "Min"
}
]
我不知道为什么它会显示前7个数据