vue中项目中使用Highcharts，实现金字塔图

官网地址：兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts 

1.先看一下实现的效果，这种对比的类似金字塔的图

 前置内容，vue中使用sdn的方式引用，在public文件夹下的index.html引入

<script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>

在vue.config.js将Highchart对象中引入进来

Highechats的业务代码，注意，高版本以后事件js文件需要单独引入才可以使用

 

<template>
  <div>
    <div class="orgSale">
      <div class="header">
        <div class="btn" />
        <span class="title">价格带分析</span>
      </div>