hightchart 圆柱体

最新推荐文章于 2024-05-18 15:30:10 发布

weixin_43805387

最新推荐文章于 2024-05-18 15:30:10 发布

阅读量188

点赞数

本文链接：https://blog.csdn.net/weixin_43805387/article/details/106717426

版权

本文详细介绍了Highcharts库中的柱状图绘制方法，包括数据配置、颜色设定、图例和工具提示等关键参数。通过实例展示了如何创建动态更新的柱状图表，帮助读者理解并掌握在网页中实现数据可视化的技巧。

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

在这里插入图片描述

      initwarnHchartUp(id){
        let option = {
          //水印
          credits: {
            enabled: false
          },
          //说明的位置
          legend: {
            itemMarginTop: 10,
            itemMarginBottom: 10,
            layout: 'vertical',
            align: 'right',
            itemGap: 30,
            verticalAlign: 'middle',
            x: -10, //距离x轴的距离
            y: -17, //距离Y轴的距离
          },
          chart: {
            type: 'cylinder',
            options3d: {
              enabled: true,
              alpha: 18,
              beta: 0,
              depth: 50,         //图表的合计深度，默认为100
              viewDistance: 15   //定义图表的浏览长度
            },
            marginTop: 30,
            marginRight: 100,
            marginBottom:40,
          },

          colors: ['#1DA8DB', '#36