javascript - 在canvas.js气泡图上加载文本内容值

Question

我正在尝试制作一个使用字符串数据的气泡图来进行说明。我所做的事情如下:

var chart = new CanvasJS.Chart("chartContainer",
{
zoomEnabled: true,
  title:{
   text: "Day at a Glance"
  },
  axisX: {
    title:"Airline",

  },
  axisY: {
    title:"Terminal"
  },

  legend:{
    verticalAlign: "bottom",
    horizontalAlign: "left"

  },
  data: [
  {
    type: "bubble",
    xValueType: "dateTime",
 dataPoints: [
// { x: 64.8, y: 2.66, z:12074.4 , name: "India"},
 { x: "H", y: "American Airlines", z:"3", name: "American Airlines"}
 ]
   }
   ]

 });

但canvas.js似乎不允许在x和y数据点上使用字符串。我已经尝试过使用名称，但它不起作用。我该怎么做才能让我的气泡图在 x 轴和 y 轴上显示字符串值？

Answer 1

在 axisX 上，您可以使用 label 显示文本而不是 x。 Y 轴需要一个数字 - 没有这个数字图表将不知道在哪里渲染气泡。如果您要显示其他文本，请考虑将它们显示在 toolTip 内或索引标签。