怎么在echarts的地图带参数

怎么在echarts的地图带参数,第1张

//设置ajax访问后台填充饼图

function setChartPie(url,id){

var Chart=require('echarts')init(documentgetElementById(id));

ChartshowLoading({text: '正在努力的读取数据中' });

var label=[];

var value=[];

$ajax({

url:url,

dataType:"json",

success:function(data){

$each(data,function(i,p){

label[i]=p['label'];

value[i]={'name':p['label'],'value':p['value']};

});

CharthideLoading();

optionPielegenddata=label;

optionPieseries[0]['data']=value;

optionPieseries[0]['radius']=[0,100];

ChartsetOption(optionPie);

}

});

}

步骤如下:

方式一:官网下载引用

<script src="echartsminjs"></script>

方式二:npm 安装

npm install echarts --saveimport echarts from 'echarts'// echarts = require('echarts');

方式三:CDN 引入

使用jsDelivr (>

var myChart;

        //创建ECharts图表方法

        function DrawEChart(ec) {

            //--- 折柱 ---

            myChart = ecinit(documentgetElementById('main'));

            //图表显示提示信息

            myChartshowLoading({

                text: "图表数据正在努力加载"

            });

            //定义图表options

            var options = {

                title: {

                    text: "通过Ajax获取数据呈现图标示例",

                    subtext: ": ">        }

参考:>

var myChart;

//创建ECharts图表方法

function DrawEChart(ec) {

//--- 折柱 ---

myChart = ecinit(documentgetElementById('main'));

//图表显示提示信息

myChartshowLoading({

text: "图表数据正在努力加载"

});

//定义图表options

var options = {

title: {

text: "通过Ajax获取数据呈现图标示例",

subtext: ": ">

以上就是关于怎么在echarts的地图带参数全部的内容,包括:怎么在echarts的地图带参数、如何在模板文件中添加ECharts开源库、Echarts连接mysql数据的实例等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10077887.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存