【Highchart】自定义仪表盘配置文件，仪表盘分段及渐变色

最新推荐文章于 2024-08-16 14:45:28 发布

Baymax627

最新推荐文章于 2024-08-16 14:45:28 发布

阅读量1.5k

点赞数 1

分类专栏：前端文章标签： highchart 前端

本文链接：https://blog.csdn.net/jl381169437/article/details/83589083

版权

本文详细介绍了如何使用Highchart库创建自定义仪表盘，包括仪表盘的分段设置和颜色渐变效果的应用，帮助前端开发者实现更美观的数据展示。

摘要由CSDN通过智能技术生成

highchart配置出仪表盘

 chart: {
      type: 'gauge',
      plotBackgroundColor: null,
      plotBackgroundImage: null,
      plotBorderWidth: 0,
      plotShadow: false,
    },
    title: null,
    credits: {
      enabled: false,
    },
    pane: {
      center: ['50%', '65%'],
      size: '150%',
      startAngle: -130,
      endAngle: 130,
      background: {
        backgroundColor: 'transparent',
        borderColor: 'transparent',
        innerRadius: '85%',
        outerRadius: '90%',
        shape: 'arc',
      },
    },

    yAxis: [
      {
        min: 0,
        max: 100,
        labels: {
          enabled: false,
        },
        tickWidth: 0,
        gridLineWidth: 0,
        minorTickWidth: 0,
        lineWidth: 0,
        plotBands: [
          {
            from: 0,
            to: 30,
            thickness: '20%',
            color: {
              linearGradient: [0, 120,