小编moh*_*deh的帖子

我正在尝试使用折线图显示一些数据Chart.js

我当前的图表如下所示：

我想要的输出应显示如下：

我的第一个图表的代码如下：

var chart = new Chart(ctx, {
  type: "line",
  data: {
    labels: This.xAxis,
    datasets: [{
      backgroundColor: gradient,
      pointBackgroundColor: "white",
      borderWidth: 1,
      borderColor: "#5946B0",
      pointRadius: 2,
      displayColors: false,
      data: This.yAxis
    }]
  },
  options: {
    title: {
      display: false,
      text: "Test"
    },
    tooltips: {
      backgroundColor: "#FAFAFA",
      borderColor: "lightgreen",
      borderWidth: 1,
      titleFontColor: "black",
      titleFontStyle: "normal",
      displayColors: false,
      bodyFontColor: "black"
    },
    legend: {
      display: false
    },
    plugins: {
      zoom: {
        pan: {
          enabled: true,
          mode: "x",
          speed: 10,
          threshold: 10 …

我想将我的v-data-table标题样式设置为如下图所示。

链接到示例图像

到目前为止，我已经尝试直接使用 CSS 添加样式：

<v-data-table
 :headers="headers"
 :items="desserts"
 hide-default-footer
 class="custom_table_class"   
>

</v-data-table>

<v-data-table
 :headers="headers"
 :items="desserts"
 hide-default-footer
 class="custom_table_class"   
>

</v-data-table>

上面的代码仅更改背景颜色，但不更改边框半径。

有没有办法制作类似于您使用 vuetify 看到的图像的东西v-data-table。

任何帮助，将不胜感激。