主页 / coding / 问题 / 76922329
Accepted
Strike
Asked: 2023-08-17 22:09:23 +0800 CST

Echarts markLine不出现。（条形图）

  • 772

我试图用我的平均值（每年和过去 13 周）创建两条标记线，第一个标记线将是我的每年平均值，并在 1 月份左右有一个小工具提示位置。我的第二个数据将是我过去 13 周的平均数据，在 7 月左右持有少量仓位。下面的屏幕截图是我所拥有的。

在此输入图像描述

这是小工具提示的屏幕截图。也必须是一个标记线。

在此输入图像描述

这是我的选择。MarkLine根本没有出现。

     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 个回答

  1. Best Answer

    您有语法错误。该data属性是一个对象列表markLine，由以下任一指定

    • A) 轴上的值（例如yAxis: 200或type: 'average）或
    • B) 两点列表（例如coord: [10,20]或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'}
        ]
    ]
}

    这是一个小例子。

    • 0

相关问题