반응형
도표의 막대 간 간격 감소
Echarts를 사용하여 만든 막대 그래프에서 BARS 사이의 갭을 줄일 수 있는 방법이 있습니까?옵션을 시험해 보았다.barCategoryGap
하지만 효과가 없었습니다.
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
barWidth: 50,
barCategoryGap: '10%'
}]
};
뭐가 잘못됐는지 알아?
특성 barWidth를 사용하여 e차트의 막대 간격을 제어할 수 있습니다.
예를 들어, 간격을 완전히 제거하려면
barWidth: "100%", // displayed bar width the same as the space of this item
변수에 따라 동적으로 하려면 값을 설정해도 됩니다.
언급URL : https://stackoverflow.com/questions/57864857/reduce-gap-between-bars-in-echart
반응형
'programing' 카테고리의 다른 글
하위 구성 요소에 대해 Vue Propos가 작동하지 않습니다. (0) | 2022.08.01 |
---|---|
C에서 비트필드를 사용하는 경우 (0) | 2022.08.01 |
WeakHashMap 또는 WeakReference는 언제 사용합니까? (0) | 2022.08.01 |
Linux에서 C에서 프로세스의 CPU 사용량을 PID별로 계산하는 방법은 무엇입니까? (0) | 2022.08.01 |
Firebase + Vue를 사용하여 웹 앱을 구축할 때 Vuex가 꼭 필요한가요? (0) | 2022.07.31 |