Question

我正在使用ChartJS在网页上绘制以下数据：

subplot

我正在尝试创建仅列出完整整数的线性x轴。这是我到目前为止的内容：

plot_ly(data = df, x =~ x, y =~ y, split =~ group, type = "box", showlegend = F, color =~ group) %>%
  layout(xaxis = list(title = "Replicate", zeroline = F), yaxis = list(title = "Y", zeroline = F))

但是，我得到以下图表：

反正在x轴上仅显示group吗？

是否可以在heatmap.2(matrix_plot,Colv=NA, Rowv=NA, scale = 'row', dendrogram = "none", main = "heatmap",xlab = "x_bins", ylab = "y_bins", margins = c(4, 4),col=brewer.pal(11,"RdBu"), revC = TRUE, trace="none",denscol = "black", density.info = "density")处创建一条红色的垂直虚线？我使用过chartjs-plugin-annotation，但没有显示该行。

Answer 1

仅需使用以下内容即可实现第一件事

labels: SeriesData.map(i => Number(i.x) === i.x && i.x % 1 === 0 ? i.x: ""),

当它具有小数值时，它将空白。对于第二部分，您应该创建jsFiddle并发布相同的

你可以看到这个小提琴

https://jsfiddle.net/jxkc3mtd/

Answer 2

要显示注释，您可以使用一个框（因为垂直线未正确记录）

您需要将annoation添加到您的options属性中：

  options: {
    annotation: {
      annotations: [{
        drawTime: "beforeDatasetsDraw",
        type: 'box',
        xScaleID: 'x-axis-0',
        yScaleID: 'y-axis-0',
        xMin: 2.3,
        xMax: 2.3,
        yMin: 0,
        yMax: 20,
        backgroundColor: 'lightgrey',
        borderColor: 'red'
      }]
    }
  }

不幸的是，如果您没有为2.3创建标签，则此方法将无效。因此，您需要将标签（不想显示的标签为1.1、1.2等）显示为白色。

我修改了第一个答案的示例： https://jsfiddle.net/t1za02wr/12/

ChartJS：在条形图上创建线性x轴

2 个答案: