前端使用echart画图

Question

使用echart画图时,想要在圆环中间展示文字,但这个图的圆心并不在整个div的正中央, 导致在缩放页面的时候图中的文字会偏移.

Answer 1

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/364320
• 你也可以参考下这篇文章：使用多个 echarts 图表后，页面卡住、白屏？
• 除此之外, 这篇博客: Echarts多柱状图数据集接口对接，按钮切换数据。中的  样式代码: 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <style scoped>
  .head {
    height: 35px;
    width: 100%;
    line-height: 35px;
  }   
  .title {
    font-weight: bold;
    font-size: 20px;
    background-image: -webkit-linear-gradient(
      right,
      #3fb5ff,
      #6fe2ff
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }   //标题文字
  
  .el-button--danger {
    color: #fff;
    background-color: #1d86f0 !important;
    border-color: #1d86f0 !important;
  } //按钮被选中
  .el-button {
    color: #fff;
    background-color: #0a307e;
    border-color: #1d86f0;
  } 按钮
  </style>