홈>
높은 차트 누적 막대 그래프의 누적 섹션 내에 텍스트를 삽입하는 방법 ( https : //www.highcharts.com/demo/bar-stacked ).
그래프에는 실제로 두 개의 열만 있으며 y 축은 반대로 바뀌어 표시됩니다. https://jsfiddle.net/ogjz9ra0/
Highcharts.chart('container', {
chart: {
type: 'bar'
},
title: {
text: 'Stacked bar chart'
},
xAxis: {
categories: ['Bananas']
},
colors: ['#1b98ee', '#1366a6'],
yAxis: {
min: 0,
title: {
text: 'Total fruit consumption'
},
},
legend: {
reversed: true,
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
name: 'John',
data: [4726.78]
}, {
name: 'Brian',
data: [4250.00],
}]
});
원하는 것은 각 열에 텍스트를 삽입하는 것입니다.
https://drive.google.com/file/d/1CDttfeB9mqI5r9voYalsLtEeH0OSs3Ey/view? usp = sharing
여전히 HighCharts를 처음 접하므로 도움이 필요합니다.
다시 감사합니다!
나는 인터넷 검색을 해 왔으며 대부분의 결과는 스택되지 않은 막대 차트의 텍스트를 막대 안에 렌더링하는 것에 대해 이야기합니다. 내가 해결하려는 문제에 대한 배치는 중심에 있습니다.
- 답변 # 1
관련 자료
- html - 스택 대신 나란히 표시 버튼
- python - 수직으로 쌓인 이중 그래프의 상단 그래프를 더 작게 만드는 방법은 무엇입니까?
- html - CSS 호버 툴팁이 테이블 내에서 자동 위치 (위, 오른쪽, 아래쪽, 왼쪽)를 표시하는 방법
- Neo4j Cypher - neo4j cypher - 공통 노드를 사용하여 특정 유형의 모든 노드 그래프를 표시하는 방법
- javascript - Vuejs- 구성 요소 DOM에 반영되지 않은 상태 내부 배열 내의 개체를 업데이트하는 Vuex
- machine learning - R로 클러스터 그래프를 표시하는 방법은 무엇입니까?
- javascript - onkeyup을 사용하여 레이블 내부에 사용자 입력 값을 표시하는 방법
- r - 개수 대신 y 축에 비율이있는 누적 막대 그래프
- Angular에서 자체 라우팅을 사용하여 부모 구성 요소 내에 특정 자식 구성 요소를 표시하려면 어떻게합니까?
- vega lite - 다른 색상으로 원형 차트 내에 집계 된 합계 값을 표시하는 방법은 무엇입니까?
- javascript - 동일한 DOM 내의 여러 텍스트 상자에 현재 날짜를 표시하려면 어떻게해야합니까?
- reactjs - nextjs와 G2Plot 누적 그래프가 작동하지 않음
- reactjs - div 요소 내부에 html 응답을 표시 할 수 없습니다
- html - 내부 h2 태그 일 때 이미지를 블록 요소로 표시하는 방법
- stackedbarseries - r의 누적 막대 그래프 - 데이터 재정렬
- wordpress - foreach 루프 내부에 ACF 이미지 필드 표시
- python - docstring 안에 Pytorch의 수학 표기법을 올바르게 표시하는 방법은 무엇입니까?
관련 질문
- plot - Highchart에 데이터 레이블을 추가하는 방법은 무엇입니까?
- javascript - 상단 열 차트의 제목
- javascript - 분류 된 클래스가있는 highcharts 맵 버블
- javascript - Highcharts 게이지 차트 크기
- highcharts - 데이터 테이블 - 자식 행에 차트 div를 추가하는 방법-
- javascript - '열'및 '선'차트에 대한 다른 데이터를 보여주는 Highcharts 시리즈
- javascript - 하이 차트 팩 버블 차트가 음수 값에 대해 작동하지 않음
- svg - Highcharts 내보내기 서버에서 레이블을 내 보내지 않습니다
- javascript - 하이 차트에서 여러 계열 강조 표시
- javascript - 하이 차트 - 네비게이터를 사용하지 않고 업데이트 된 실시간 차트를 추적/추적하는 방법은 무엇입니까?
datalabels
를 사용할 수 있습니다 다음과 같은 문서 :바이올린