react-chartjs-2가있는 그룹화 된 막대 차트
크레이그
막대 그래프에 한 달 동안 여러 값을 표시해야합니다.
이와 비슷합니다.
하지만 제가 생각해 낸 유일한 예는 쌓여 있습니다. 여기에 여러 값이있는 막대가 하나 있습니다.
내가 지금 가지고있는 것 :
render() {
const options={
responsive: true,
legend: {
display: false,
},
type:'bar',
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true
}]
}
}
return (
<Bar
data={this.props.data}
width={null}
height={null}
options={options}
/>
)
데이터는 다음과 같습니다.
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
{
label: 'My First dataset',
backgroundColor: 'rgba(255,99,132,0.2)',
borderColor: 'rgba(255,99,132,1)',
borderWidth: 1,
stack: 1,
hoverBackgroundColor: 'rgba(255,99,132,0.4)',
hoverBorderColor: 'rgba(255,99,132,1)',
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: 'My second dataset',
backgroundColor: 'rgba(155,231,91,0.2)',
borderColor: 'rgba(255,99,132,1)',
borderWidth: 1,
stack: 1,
hoverBackgroundColor: 'rgba(255,99,132,0.4)',
hoverBorderColor: 'rgba(255,99,132,1)',
data: [45, 79, 10, 41, 16, 85, 20]
}
]
}
그러나 이것은 나에게 준다.
스태킹 대신 그룹화를 수행 할 수있는 방법이 있습니까?
알렉스
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
hvplot의 그룹화 된 막대 차트에 값 추가
- 2
ggplot2를 사용한 그룹화 된 막대 차트
- 3
그룹화 된 데이터가있는 R 막대 차트 (티블)
- 4
MPAndroidChart 그룹화 된 막대 차트 onclick
- 5
ggplot2에서 오차 막대가있는 그룹화 된 막대 그래프
- 6
그룹화 된 막대가있는 세로 막대 차트를 표시합니다.
- 7
포함 된 값이있는 chartjs가있는 누적 막대 차트
- 8
ggplot2를 사용하는 R의 그룹화 된 막대 차트
- 9
그룹화 된 값의 막대 차트 또는 히스토그램
- 10
0부터 시작하는 누적 막대 차트-ChartJS React
- 11
d3에 다른 그룹이있는 그룹화 된 범주 막대 차트?
- 12
그룹화 된 막대 차트 (matplotlib)에 음수 값을 표시하는 문제
- 13
D3.js를 사용하는 "한 줄로"그룹화 된 막대 차트
- 14
D3 : 그룹화 된 막대 차트의 각 막대 상단에 레이블을 추가하는 방법
- 15
응답 성이없는 그룹화 된 d3 막대 차트의 응답하지 않는 막대
- 16
막대 차트에 수평선을 그리는 방법 Chartjs
- 17
그룹화 된 막대 차트에 대한 데이터 구성
- 18
CSV 대신 JSON 데이터의 그룹화 된 막대 차트
- 19
ggplot2를 사용하여 그룹화 된 막대 차트에 대한 오차 막대를 그리는 방법은 무엇입니까?
- 20
그룹화 된 막대 그림에 오차 막대를 추가하는 방법은 무엇입니까?
- 21
그룹화 된 깨진 막대 차트 Python Matplotlib에 주석을 달 수있는 방법
- 22
JavaFX에 그룹화 된 누적 막대 차트를 만드는 방법이 있습니까?
- 23
그룹화 된 막대 차트에서 D3 브러싱
- 24
Excel의 표에서 "그룹화 된"막대 차트 만들기
- 25
Excel의 표에서 "그룹화 된"막대 차트 만들기
- 26
D3.js의 그룹화 된 막대 차트
- 27
이 데이터의 그룹화 된 막대 차트 만들기
- 28
너무 밀접하게 그룹화 된 막대 차트 열
- 29
그룹화 된 막대 차트를 플로팅하고 주석을 추가하는 방법
몇 마디 만하겠습니다