электронные диаграммы: гистограмма показывает значение по правому краю

как на картинке, надеюсь показать значение в правильном выравнивании, но вариант не нашел. любая помощь? Благодарность

демонстрационное шоу


charts echarts
person dyh333    schedule 30.09.2018    source источник
comment
какой тип диаграммы вы используете? У вас есть пример кода? Значение, которое вы показываете, уже выглядит выровненным по правому краю.   -  person Damian Green    schedule 02.10.2018

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете просто добавить еще одну ось, чтобы добиться этого, как в демонстрации ниже: Это похоже на трюк.

let echartsObj = echarts.init(document.querySelector('#canvas'));
   
let seriesData = [1, 1, 2, 3, 4, 6, 8];

    option = {
        color: ['#3398DB'],
        grid: {
            containLabel: true
        },
        yAxis : [
            {
                type : 'category',
                data : ['192.168.167', '192.168.167', '192.168.167', '192.168.167', '192.168.167', '192.168.12.15', '192.168.167'],

            },
            {
                type : 'category',
                data : seriesData,
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                }
            }
        ],
        
        xAxis : [
            {
                type : 'value',
                 splitLine: {
                    show: false
                }
            }
        ],
        series : [
            {
                type:'bar',
                data:seriesData
            }
        ]
    };

    echartsObj.setOption(option)
<html>
      <header>
        <script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts-en.min.js"></script>
      </header>
      <body>
        <div id="canvas" style="width: 100%; height: 400px">
        </div>
      </body>
    </html>

person Ian Zhong    schedule 12.10.2018

arrow_upward
0
arrow_downward

Просто добавьте position: 'right' в параметр массива yAxis.

Что-то вроде этого:

yAxis : [{
type: 'value',
position: 'right
}]
person Mykel Eze    schedule 23.06.2021