Início / coding / Perguntas / 76922329
Accepted
Strike
Asked: 2023-08-17 22:09:23 +0800 CST

Echarts markLine não aparece. (Gráfico de barras)

  • 772

Estou tentando criar duas markLines com minhas médias (anual e nas últimas 13 semanas), a primeira markline será minha média anual com uma pequena posição de dica de ferramenta por volta de janeiro. Meu segundo será minhas médias das últimas 13 semanas com uma pequena posição por volta de julho. A captura de tela abaixo é o que eu tenho.

insira a descrição da imagem aqui

Aqui está uma captura de tela da pequena dica de ferramenta. Tem que ser uma linha de marcação também.

insira a descrição da imagem aqui

Aqui estão minhas opções. MarkLine não aparece.

     xAxis: [
        {
          type: "category",
          data: Object.keys(resultObject),
          show: false,
        },
        {
          position: "bottom",
          type: "category",
          data: categories.map((category) => category.charAt(0)),
          xAxisIndex: 2,
          show: true,
          axisLine: {
            show: false,
          },
          axisTick: {
            show: false,
          },
        },
      ],
      yAxis: {
        show: false,
        type: "value",
      },
      series: [
        {
          data: Object.values(resultObject),
          type: "bar",
          itemStyle: {
            color: (seriesIndex) =>
              seriesIndex.dataIndex > 39 ? "#FF5630" : "#A19D9A",
          },
          markLine: {
            data: {
              name: "Horizontal line with Y value at 100",
              yAxis: 100,
            },
          },
        },
      ],
echarts

1 respostas

  1. Best Answer

    Você tem um erro de sintaxe. A datapropriedade é uma lista de markLineobjetos, que são especificados por

    • A) um valor em um eixo (por exemplo, yAxis: 200ou type: 'average) ou
    • B) uma lista de dois pontos (ex. coord: [10,20]ou type: 'min)
    markLine: {
    data: [
        // case A
        {yAxis: 200},        // example 1
        {type: 'average'},   // example 2

        // case B
        [
            {coord: [10, 20]},    // example 1
            {coord: [50, 300]}
        ],

        [
            {type: 'min'},        // example 2
            {type: 'max'}
        ],

        [
            {coord: [10, 20]},    // example 3
            {type: 'max'}
        ]
    ]
}

    Aqui está um pequeno exemplo .

    • 0

relate perguntas