ECharts
耳翼
这个作者很懒,什么都没留下…
展开
-
echart 仪表盘
option = { tooltip: { formatter: '{a} <br/>{b} : {c}%' }, toolbox: { feature: { restore: {}, saveAsImage: {} } }, series: [ // name: '业务指标', //.原创 2020-08-18 15:39:04 · 788 阅读 · 0 评论 -
echart 嵌套环形图
app.title = ‘嵌套环形图’;var data = [{name: “一类”,value: 0.6},{name: “二类”,value: 0.9},{name: “三类”,value: 1},];var dataStyle = {normal: {label: {show:false},labelLine: {show:false},shadowB...原创 2020-01-07 16:50:19 · 1700 阅读 · 0 评论 -
ecahrt 多个图在一个界面中展示的画法
我是在官网的例子进行修改的,大家可以直接把代码粘贴进去就可以看了option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' ...原创 2019-06-13 14:53:11 · 773 阅读 · 0 评论 -
echarts多Y轴 两个图上下拼接
xiao上图就是效果图,我在管网的例子上进行修改,下面是我的代码,可以直接复制到例子中,就可以用。option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color...原创 2019-05-24 09:45:52 · 6413 阅读 · 2 评论 -
echart tooltip.formatter用法,
有时候我们需要自己定义echart图表中的悬浮框的内容,所以就需要用到formmatter这个属性。我们先看下api中怎么说的。从这里我们可以了解到,formatter可以作为函数来使用即:formatter:function(params,){return “自己想要展示的数据和方式可以添加标签之类的”}...原创 2019-05-14 17:18:21 · 12379 阅读 · 3 评论 -
echart 坐标轴在 grid 区域中的分隔线。
有时候我们去掉echar图中的网格线,所以需要用到这个属性。splitLine: {show: false},show:true 的时候展示,为false的时候去掉。分别设置在xAxis和yAxis为对应的轴的线。将y轴对应的splitLine: {show: false},设置为这样的时候:...原创 2019-05-14 17:07:37 · 2882 阅读 · 0 评论 -
echart 绘制的图 保存为图片(toolbox)
toolbox工具栏。内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。toolbox: {show: true,feature: {dataZoom: {yAxisIndex: ‘none’},dataView: {readOnly: false},magicType: {type: [‘line’, ‘bar’]},restore: {},saveAsI...原创 2018-12-03 16:03:53 · 3596 阅读 · 1 评论 -
echart 图例的样式icon 和标记的图形symbol,如何去除背景网格线
因为自己画图时用到不同的图,如何去区分他们所以就用到了以下的方法。这个是我在官网修改的例子和展示出来的图形。以下是代码option = {title: {text: ‘折线图堆叠’},tooltip: {trigger: ‘axis’},legend: {data:[{name:“邮件营销”,icon:“circle”//图例项的 icon。},{name:“联盟广告”...原创 2018-12-03 14:36:17 · 9137 阅读 · 0 评论 -
ext tabpanel集成第三方echart的问题(报getStyle为null的错误)
最近在做ext集成charts的功能,主要是使用tabpanel,将charts集成到tab中,随便切换tab选项就会报错崩溃。之前演示的时候也发现了该问题,由于在tab项中有加载svg文件的操作,该svg文件是比较大的,开始是怀疑有可能是加载大文件时的问题,没有注意,但是后来将charts集成后该问题重复出现,必须解决。这里自己给自己挖了一个大坑,出现问题时其实应该在有问题的代码处打上断点,...转载 2018-11-29 11:25:57 · 370 阅读 · 0 评论 -
Extjs中使用Echarts(自适应)
首先我们需要在extjs中引用echarts 1.index.html文件中引入Echarts<script type="text/javascript" src="js/echarts-min.js"></script> “js/echarts-min.js”替换成自己的echart文件路径;下载的时候根据的自己的需求下载不同的js. 2. 新建一个Panel(其他控件都OK),名字叫做P原创 2017-12-07 14:35:24 · 4261 阅读 · 3 评论