echarts ajoute des lignes de cote

Cet article couvre les méthodes et propriétés d'ajout de lignes d'annotation aux graphiques Echarts. Il explique comment positionner leurs points de début et de fin, ainsi que personnaliser leur apparence et leur texte. L'accent est mis sur l'utilisation de addAnnotationLine() m

Comment ajouter des lignes d'annotation dans Echarts ?

Pour ajouter une ligne d'annotation à un graphique Echarts, utilisez addAnnotationLine() méthode. Cette méthode prend deux paramètres : un objet spécifiant la configuration de la ligne et l'instance du graphique.addAnnotationLine() method. This method takes two parameters: an object specifying the line's configuration, and the chart's instance.

Here's an example of how to use the addAnnotationLine() method:

<code class="javascript">const myChart = echarts.init(document.getElementById('myChart'));
const line = {
  type: 'line', // 'line', 'curve'
  x: [10, 20], // Coordinates of the line's starting and ending points.
  y: [10, 20],
  symbol: ['none', 'none'], // Symbols at the starting and ending points.
  label: {   // Label attached to the line.
    show: true,
    formatter: 'annotation line'
  }
};
myChart.addAnnotationLine(line);</code>

How to Position Annotation Lines' Start and End Points in Echarts?

The starting and ending points of an annotation line can be positioned using the x and y

<code class="javascript">const line = {
  x: [10, 20],
  y: [10, 20]
};</code>

<code class="javascript">const line = {
  lineStyle: {
    color: 'red',
    width: 2
  },
  symbol: ['circle', 'circle'],
  label: {
    show: true,
    formatter: 'Custom Annotation Line'
  }
};</code>

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!