hdc mfc 画扇形图_使用echarts绘制条形图和扇形图

使用echarts绘制条形图和扇形图

简单举例说明下echarts如何绘制条形图和扇形图

代码示例

echarts绘制条形图和扇形图

var mychart1=echarts.init(document.getElementById('chart1'),'light');

// 指定图表的配置项和数据

var option = {

title: {

text: 'ECharts 入门示例'

tooltip: {},

legend: {

data:['销量']

xAxis: {

data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]

yAxis: {},

series: [{

name: '销量',

type: 'bar',

data: [40, 20, 36, 10, 10, 20]

}]

};

// 使用指定的配置项和数据显示条形图表1。

mychart1.setOption(option);

//显示扇形图表2

var mychart2=echarts.init(document.getElementById('chart2'),'light');

var option2 = {

title: {

text: 'ECharts 扇形图示例'

tooltip: {},

series: [{

type: 'pie',

data: [

{value:1, name:'视频广告'},

{value:2, name:'联盟广告'}

]

}]

};

// 使用刚指定的配置项和数据显示图表。

mychart2.setOption(option2);

展示的效果如下图

注意

扇形图的数据中,value值和图形百分比的关系是，单个value/所有value的综合*100%

hdc mfc 画扇形图_使用echarts绘制条形图和扇形图相关推荐

java绘制均线图_利用JFreeChart绘制股票K线图完整解决方案
因为工作的需要,接触了一些股票图形绘制类的工作,其中最主要的还是股票K线图的绘制了,如果利用编程语言最底层的图形绘制方法去绘制这类图形,如果对编程语言不是特别熟悉的话,一般是有很大的困难的,通过在网上 ...
python画太极八卦图_用布尔运算绘制一个太极八卦图
布尔运算是UI设计中一个关键的知识点,今天,我们继续给不熟悉的朋友补补课. 教程来自P大点S的PJ胸,Pro_java,在这里,我们会用一个八卦图,再次带大家熟悉布尔运算,特别适合新手练习! 新建一个 ...
python画关系网图_使用python绘制人人网好友关系图示例
代码依赖:networkx matplotlib #! /bin/env python # -*- coding: utf-8 -*- import urllib import urllib2 imp ...
Tableau(1)：绘制条形图、堆积图、直方图
绘制条形图.堆积图.直方图一.条形图 1.1 各地区酒店数量条形图 1.2 各地区酒店均价条形图 1.3 价格等级堆积柱形图二.酒店评分直方图参考资料提示:只是记录自己跟着视频学习的成果.其中 ...
visualmap折线图_使用Echarts几分钟制作出折线图、饼图、柱状图等
ECharts,缩写来自Enterprise Charts. ECharts,不仅是国内关注度最高的开源项目,还是中国第一个也是目前唯一一个入选了Github Explorer Data Visual ...
python绘制动态图-Python利用Echarts绘制动态交互图：快速入门
我们都知道,Echarts是百度开源的超强大的数据可视化工具.Python中经典的matplotlib.seaborn等库相比,它最大的优点是所绘制的图形为动态图,这意味着我们可以和图形之间进行动态的 ...
matlab 画电机效率图,如何用matlab绘制电机效率map图或发动机万有特性曲线
如何用matlab绘制电机效率map图或发动机万有特性曲线前段时间写论文,需要绘制电机效率map图,其实和发动机万有特性曲线一样.. 看了好多资料都不会,问问师兄也没具体画过..困惑中查到貌似有几个 ...
r语言绘制雷达图_用r绘制雷达蜘蛛图
r语言绘制雷达图 I've tried several different types of NBA analytical articles within my readership who are ...
用python画关系网络图-python networkx 包绘制复杂网络关系图
目录创建一个图节点边查看图上点和边的信息图的属性设置点的属性设置边的属性设置不同类型的图(有向图Directed graphs , 重边图 Multigraphs) 图的遍历图生成和 ...

hdc mfc 画扇形图_使用echarts绘制条形图和扇形图

hdc mfc 画扇形图_使用echarts绘制条形图和扇形图相关推荐

最新文章

热门文章