如何在plotly.js中添加指针或表盘来测量指示器？

// 创建数据对象
var data = [
  {
    type: "indicator",
    value: 80,
    domain: { x: [0, 1], y: [0, 1] },
    title: { text: "指示器" },
    mode: "gauge+number",
    gauge: {
      axis: { range: [null, 100] },
      bar: { color: "darkblue" },
      steps: [
        { range: [0, 50], color: "lightgray" },
        { range: [50, 100], color: "gray" }
      ]
    }
  }
];

// 创建布局对象
var layout = {
  shapes: [
    {
      type: "path",
      path: "M 0.5 0.5 L 0.5 0.8",
      line: { color: "red", width: 10 }
    }
  ],
  title: "表盘",
  margin: { t: 0, b: 0, l: 0, r: 0 },
  annotations: [
    {
      text: "指针",
      x: 0.5,
      y: 0.45,
      showarrow: false,
      font: { size: 20 }
    }
  ]
};

// 创建图表对象
var chart = {
  data: data,
  layout: layout
};

// 绘制图表
Plotly.newPlot("chartDiv", chart);