echarts 그림% 1 개의 캡 션 을 편 집 했 습 니 다.
1. 모든 지표 가 동적 으로 불 러 오기 때문에 그림 legend 선택 상태 도 js 를 통 해 동적 으로 불 러 와 야 합 니 다. 공식 문서 에서 legend. selected 설정 항목 을 조회 하면 그림 의 기본 상 태 를 설정 할 수 있 습 니 다.
공식 예제, true 는 전시 시 리 즈 를 선택 하고 false 는 회색 으로 시 리 즈 를 보 여주 지 않 습 니 다.
selected: {
// 시리즈 1 선택
'시리즈 1 ': true,
// '시리즈 2' 가 선택 되 지 않 았 습 니 다.
'시리즈 2: false
}
2. js 코드
/ / 그림 설정 항목
legend: {
x: 'center',
y: 'bottom',
data: $scope.key_value,
selected:{}
},
/ / js 동적 로드
var selected_item = {};
for(i =0; i < $scope.key_value.length; i++){
var key_name = $scope.key_value[i];
if(i >1){
selected_item[key_name] = false;
}else{
selected_item[key_name] = true;
}
};
option.legend.selected = selected_item;
/ / 빨간색 은 밟 은 구덩이 의 원시 표기 법 selecteditem.key_name = false; 잘못 보고 할 수 있 는 이 유 는: json 해석 시 keyname 은 문자열 로 해석 되 며 변 수 를 식별 하지 않 습 니 다.
다음은 동적 으로 대상 에 게 속성 을 추가 하고 두 가지 상용 법 을 추가 합 니 다.
function Person(){};
var person = new Person();
person.name = 'yy';
person.gender = 'girl';
console.log(person.name+','+person.gender);//yy,girl
delete person.name;//
console.log(person.name);//undefined
//
function Person(){};
var person = new Person();
person['name'] = 'yy';
person['gender'] = 'girl';
console.log(person.name+','+person.gender);//yy,girl
delete person.name;//
console.log(person.name);//undefined
다음으로 전송:https://www.cnblogs.com/hanlengyao/p/10249798.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.