echarts 그림% 1 개의 캡 션 을 편 집 했 습 니 다.

1935 단어
기능 전단 페이지 를 보 여 줍 니 다. 모든 지표의 그림 에 대한 기본 선택 상 태 는 앞의 두 개 만 표시 하고 다른 지표의 그림 상 태 는 기본적으로 회색 입 니 다.
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

좋은 웹페이지 즐겨찾기