echarts 如何在数据上加上单位

echarts 如何在数据上加上单位,第1张

设置ajax访问后台填充饼图

function setChartPie(url,id){

var Chart=require('echarts').init(document.getElementById(id))

Chart.showLoading({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']}

})

Chart.hideLoading()

optionPie.legend.data=label

optionPie.series[0]['data']=value

optionPie.series[0]['radius']=[0,100]

Chart.setOption(optionPie)

}

})

}

先把ds.Tables[0].Rows[0][j].ToString()中的值赋给一个字符串,然后在让它在tooltip中显示就OK了!

如:string str=""

for(int j=0j<ds.Tables[0].Columns.Countj++)

{

str=ds.Tables[0].Rows[0][j].ToString()

}

this.toolTip1.SetToolTip(this.label1,str)

1、下载好开发包后就可以开始了,第一步引入开发包,和需要的主题文件(可定义自己的主体文件),并定义好页面布局。2.0以后上的版本,需要把开发包放到body下,否则ie低版本会出现属性未找到的错误,导致图标初始化失败。

2、第二步,普通初始化图表,通过调用开发包方法,有两种初始化方式,

1.var myChart = echarts.init(document.getElementById("echart"))

2.var myChart=require('echarts').init(document.getElementById("echart"))

一般建议使用第一种方法进行初始化 *** 作。

3、第三步,设置option属性,来给图表设置数据,option是数组元素,tooltip:提示框,legend图例,calculable可设置是否拖拽,series设置数据(data类型也为数组类型),开始先随机初始化几条模拟数据,

4、到这一步,就完成了,图表初始化的步骤,效果如下图所示。然后大家可以改变下图标的样式,2.0版本留了设置主题的方法,可设置setThem()对图表样式进行修改。

5、看看主题怎么配置,设置色版,设置主题颜色,不一一介绍了,请大家请看下面代码:

6、通过上面主题的添加完成了对样式的修改,当然最后大家记嘚设置myChart.setTheme(theme)


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

原文地址: http://outofmemory.cn/bake/11712781.html

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

发表评论

登录后才能评论

评论列表(0条)

保存