Как я могу поменять оси на гистограмме eCharts с помощью JavaScript - PullRequest
Новая
       17

Как я могу поменять оси на гистограмме eCharts с помощью JavaScript

0 голосов
/ 29 мая 2019

Я создал диаграмму eCharts и хочу просто поменять оси X и Y

Я попытался просто поменять объекты данных на оси, но это не работает, и поиск в Google не появилсявообще много.

Это скрипт инициализации для гистограммы 

var chart = echarts.init(document.getElementById('chart'));
var option = {
    yAxis: {
        name: '',
        data: ''
    },

    xAxis: {
        name: '',
        data: ["CARH"  , "CDFR"  , "HGA"  , "O2RG"  , "SHLA"  , "SHWS"]
    },

    series: {
        name: '',
        type: 'bar',
        data: [100.29, 101.05, 100.78, 96.3, 101.8, 99.9]
    }
};
chart.setOption(option);

Ответы [ 2 ]

0 голосов
/ 30 мая 2019

Попробуйте это: 

var option = {
yAxis: [{
    name: '',
    data: ["CARH"  , "CDFR"  , "HGA"  , "O2RG"  , "SHLA"  , "SHWS"]
}],

xAxis: [{
    name: '',
    data: ['100.29', '101.05', '100.78', '96.3', '101.8', '50']
    }],

series: [{
    name: '',
    type: 'bar',
    data: [1  , 2  , 3  , 4 , 5  , 6]
}]

};

0 голосов
/ 29 мая 2019

Кажется, все свойства option должны быть заключены в массивы, а xAxis следует оставить пустым: 

option = {
    yAxis: [{
        name: '',
        data: ["CARH"  , "CDFR"  , "HGA"  , "O2RG"  , "SHLA"  , "SHWS"]
    }],

    xAxis: [{}],

    series: [{
        name: '',
        type: 'bar',
        data: [100.29, 101.05, 100.78, 96.3, 101.8, 50]
    }]
}

Я нашел решение, найдя пример горизонтальной диаграммы echart и удалив параметры, которые не влияли на «горизонтальность» диаграммы. Затем я сравнил этот минимальный набор параметров с вариантом, приведенным в вопросе.

...