Graphique multi-axes ECharts : Comment afficher des données multidimensionnelles, des exemples de code spécifiques sont nécessaires
Introduction :
Avec l'avènement de l'ère du Big Data, nous devons mieux afficher les données multidimensionnelles complexes. En tant que puissante bibliothèque de visualisation, ECharts fournit une variété de types de graphiques, parmi lesquels les graphiques multi-axes sont l'un des outils importants pour afficher des données multidimensionnelles. Cet article présentera ce qu'est un graphique multi-axes et comment utiliser ECharts pour afficher des données multidimensionnelles, et fournira des exemples de code correspondants.
1. Qu'est-ce qu'un graphique multi-axes ? Un graphique multi-axes est un graphique qui peut afficher plusieurs séries de données avec différentes unités et magnitudes de données sur le même graphique. En utilisant plusieurs axes, un pour chaque série de données, nous pouvons comparer de manière plus intuitive les données sur différentes dimensions.
Pour créer un graphique multi-axes, nous devons définir plusieurs propriétés dans l'objet option d'ECharts. Voici les principaux éléments de configuration qui doivent être définis :
Ci-dessous, nous utilisons un exemple de code spécifique pour montrer comment utiliser ECharts pour créer un graphique multi-axes afin d'afficher des données multidimensionnelles. Commençons par un exemple de merchandising.
Multi-axis Chart Example
var chart = echarts.init(document.getElementById('chart')); var option = { tooltip: { trigger: 'axis' }, legend: { data: ['电视销量', '冰箱销量', '洗衣机销量'] }, xAxis: [ { type: 'category', data: ['一月', '二月', '三月', '四月', '五月'] } ], yAxis: [ { type: 'value', name: '销量' }, { type: 'value', name: '销售额' } ], series: [ { name: '电视销量', type: 'bar', data: [120, 200, 150, 80, 70] }, { name: '冰箱销量', type: 'bar', data: [80, 100, 120, 150, 110] }, { name: '洗衣机销量', type: 'line', yAxisIndex: 1, data: [1000, 1500, 2000, 1800, 1600] } ] }; chart.setOption(option);
ECharts fournit la fonction de graphiques multi-axes, qui peuvent facilement afficher des données multidimensionnelles. En définissant les éléments de configuration appropriés, nous pouvons créer des graphiques multi-axes magnifiques et intuitifs. Grâce à l'exemple de code présenté dans cet article, vous pouvez rapidement commencer à utiliser ECharts pour dessiner des graphiques multi-axes et les appliquer à vos propres projets.
[Document officiel ECharts](https://echarts.apache.org/zh/index.html)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!