>

높은 차트 누적 막대 그래프의 누적 섹션 내에 텍스트를 삽입하는 방법 ( 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

    datalabels 를 사용할 수 있습니다   다음과 같은 문서 :

    plotOptions: {
      series: {
        stacking: 'normal',
        dataLabels: {
          enabled: true,
          formatter: function() {
            // console.log(this) // uncomment this line to see all params available
            return 'custom text here'
          }
        }
      }
    },
    
    

    바이올린

관련 자료

  • 이전 bash - CD 작업에서 방탄 Git 체크 아웃하기
  • 다음 postgresql - Grafana 누적 수에 대한 SQL 문장