Extjs 기둥 모양 그림 기둥 색상 및 각 기둥 색상 설정
1527 단어 web
1. Extjs에서 columnchart의 기둥 색 설정
chart의 theme만 설정하면 됩니다. 공식 문서에서 theme의 정의는 다음과 같습니다.
The name of the theme to be used. A theme defines the colors andother visual displays of tick marks on axis, text, title text, line colors, marker colors and styles, etc.Possible theme values are 'Base', 'Green', 'Sky', 'Red', 'Purple', 'Blue', 'Yellow' and also six category themes'Category1' to 'Category6'. Default value is 'Base'.
그래서 기둥의 색을 바꾸면 theme의 값을 바꿀 수 있습니다. 만약에 theme의 정의된 값이 당신의 색에 맞지 않으면 theme를 확장할 수 있습니다.
var colors = ['rgb(212, 40, 40)'];
Ext.define('Ext.chart.theme.Fancy', {
extend: 'Ext.chart.theme.Base',
constructor: function(config) {
this.callParent([Ext.apply({
colors: colors
}, config)]);
}
});
2. Extjs에서 columnchart의 기둥 색깔 설정
먼저 기둥 색상을 정의합니다.
var colors = ['rgb(212, 40, 40)',
'rgb(180, 216, 42)',
'rgb(43, 221, 115)',
'rgb(45, 117, 226)',
'rgb(187, 45, 222)'];
그리고 시리즈에서renderer 속성을 정의하는 함수 function(sprite, storeItem, barAttr, i, store) {
barAttr.fill = colors[i % colors.length];
return barAttr;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Portswigger의 연구실 작성: CSRF 토큰 보호를 사용한 기본 클릭재킹이 견습생 수준 실습에서는 일부 CSRF 토큰 보호가 있음에도 불구하고 클릭재킹에 취약한 웹사이트에서 계정 삭제 흐름을 악용합니다. 주어진 자격 증명으로 로그인하면 계정 페이지로 이동한 후 사용자 계정을 삭제하는 데...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.