如何修改此类图表中填充颜色的方向为从外向内（中心）？

当然可以！具体的实现方式取决于你用的技术栈或图表库——不过从常见的环形/径向填充场景出发，我给你几个通用的思路和代码示例：

情况1：用CSS实现环形进度图 #

如果你的图表是用CSS渐变做的，默认填充逻辑通常是从边缘向中心延伸，要改成仅在中心区域显示填充，可以通过遮罩层实现：

比如原来的外部填充代码：

.ring {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: conic-gradient(#2563eb 0% 75%, #e5e7eb 75% 100%);
}

修改为向内填充的版本：

.ring {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: relative;
  background: conic-gradient(#2563eb 0% 75%, #e5e7eb 75% 100%);
}
/* 用内层白色圆形遮罩，只保留中心区域的填充 */
.ring::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background: #fff; /* 替换为你的页面背景色 */
}

情况2：用SVG实现径向填充 #

如果是SVG绘制的环形，你可以通过clipPath定义中心显示区域，让填充仅在该区域生效：

<svg width="200" height="200">
  <!-- 定义中心裁剪区域 -->
  <defs>
    <clipPath id="innerClip">
      <circle cx="100" cy="100" r="60" />
    </clipPath>
  </defs>
  <!-- 环形背景 -->
  <circle cx="100" cy="100" r="90" fill="#e5e7eb" />
  <!-- 填充部分，仅在裁剪区域内显示 -->
  <circle cx="100" cy="100" r="90" fill="#2563eb" clip-path="url(#innerClip)" />
</svg>

情况3：用Chart.js等图表库 #

如果是用Chart.js做环形图，你可以通过调整cutout参数，结合自定义填充逻辑实现向内效果：

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'doughnut',
  data: {
    labels: ['填充部分', '剩余部分'],
    datasets: [{
      data: [75, 25],
      backgroundColor: ['#2563eb', '#e5e7eb'],
      borderWidth: 0,
      cutout: '40%' // 中心空白占比，填充区域会限制在空白外围到边缘之间，反向调整即可实现向内填充
    }]
  },
  options: {
    plugins: { legend: { display: false } }
  }
});

要是你能贴出你的具体代码，我可以给你更精准的修改方案哦！

内容的提问来源于stack exchange，提问作者Rafael Cunha