vue-chart-engine/src/factory/highchart.js

chart components built with Vue.js

import ChartMaker from '../factory/gbasechart';
import * as DataManager from '../highchart/highchartData';
import BarChart from '../highchart/barChart';
import ColumnChart from '../highchart/columnChart';
import LineChart from '../highchart/lineChart';
import AreaChart from '../highchart/areaChart';
import PieChart from '../highchart/pieChart';
import BubbleChart from '../highchart/bubbleChart';
import GenreMaker from '../highchart/genreMaker';
// import Highcharts from 'highcharts/highstock';
// import HighchartsMore from 'highcharts/highcharts-more';
// import HighchartsDrilldown from 'highcharts/modules/drilldown';
// import Highcharts3D from 'highcharts/highcharts-3d';
// import Heatmap from 'highcharts/modules/heatmap';
// import Funnel from 'highcharts/modules/funnel';
// import Exporting from 'highcharts/modules/exporting';




// HighchartsMore(Highcharts);
// HighchartsDrilldown(Highcharts);
// Highcharts3D(Highcharts);
// Heatmap(Highcharts);
// Funnel(Highcharts);
// Exporting(Highcharts);



var HighChart = class HighChart extends ChartMaker {

    draw(state){

        var container = state.container;
        //this.chart.container(container);

        function chart3(){
          //用于转换数据
          var typeChart = state.chartInfo.subChart.genre[0];
          var typeLength = state.chartInfo.subChart.genre.length;
          //用于图形呈现元素
          var typeTemp = "";
          for(var n=0; n<typeLength; n++){
            typeTemp = typeTemp + "_" + state.chartInfo.subChart.genre[n]
          }
          //重新拼一个关键字传给后面区分处理图形
          var typeKey=typeTemp.replace("_","");
          var container = state.container;
          var showData = state.chartInfo.data;
          if(showData.length != 0){
            var data = DataManager.getData(typeChart,typeKey,container,showData);
          }else {
            alert("请输入图形数据");
          }

          var chart = new Highcharts.Chart(data);
        }
        $(function () {
            chart3();
        });
    }
    };

    ChartMaker.HighChart = HighChart;

    export var HighChart;