Echarts markLine 不出现。 (条形图)

问题描述 投票:0回答:1

我试图用我的平均值(每年和过去 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 apache-echarts
1个回答
0
投票

您有语法错误。

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'}
        ]
    ]
}

这是一个小示例

© www.soinside.com 2019 - 2024. All rights reserved.