使用higncharts 绘制误差图

最新推荐文章于 2023-07-03 23:27:17 发布

蓝冰大侠

最新推荐文章于 2023-07-03 23:27:17 发布

阅读量373

点赞数

本文链接：https://blog.csdn.net/bluehire/article/details/78665331

版权

本文详细介绍了如何使用Highcharts JavaScript库来绘制误差图，包括设置数据、配置图表选项和展示误差范围的方法，帮助开发者在 web 应用中创建交互式的误差分析图表。

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



 /**
         * 绘制误差图
         * id HTML Canvas 的ID
         * title 标题
         * subtitle 子标题
         * yTitle 纵轴标题
         * labels 横轴坐标值数组
         * data 数据  [{ "name":"第一组名称","data":[ 第一组数据]},{ 'name':"第二组名称"......
         * cols 有几组数据
         */
        var draw=function(id,title,subtitle,yTitle,labels,data,cols){
              //常规配置,使用column布局
              $('#'+id).highcharts({
                  chart:{
                      type:'column',
                      height:600,
                      width:labels.length*20*cols+40    //这里有一个根据数据组数和横向数据量指定宽度
                  },
                  title:{text:title},
                  subtitle:{text:subtitle}