`
dwj147258
  • 浏览: 187248 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ECharts学习总结(五):echarts的Option概览

阅读更多

option

图表选项,包含图表实例任何可配置选项: 公共选项 , 组件选项 , 数据选项

名称 描述
{color} backgroundColor 全图默认背景,(详见backgroundColor),支持rgba,默认为无,透明
{Array} color 数值系列的颜色列表,(详见color),可配数组,eg:['#87cefa', 'rgba(123,123,123,0.5)','...'],当系列数量个数比颜色列表长度大时将循环选取
{boolean}renderAsImage 非IE8-支持渲染为图片,(详见renderAsImage
{boolean} calculable 是否启用拖拽重计算特性,默认关闭,(详见calculable,相关的还有 calculableColor, calculableHolderColor, nameConnector, valueConnector
{boolean} animation 是否开启动画,默认开启,(详见 animation,相关的还有 addDataAnimation, animationThreshold, animationDuration, animationDurationUpdate animationEasing
{Object} timeline 时间轴(详见timeline),每个图表最多仅有一个时间轴控件
{Object} title 标题(详见title),每个图表最多仅有一个标题控件
{Object} toolbox 工具箱(详见toolbox),每个图表最多仅有一个工具箱
{Object} tooltip 提示框(详见tooltip),鼠标悬浮交互时的信息提示
{Object} legend 图例(详见legend),每个图表最多仅有一个图例,混搭图表共享
{Object} dataRange 值域选择(详见dataRange),值域范围
{Object} dataZoom 数据区域缩放(详见dataZoom),数据展现范围选择
{Object} roamController 漫游缩放组件(详见roamController),搭配地图使用
{Object} grid 直角坐标系内绘图网格(详见grid
{Array | Object} xAxis 直角坐标系中横轴数组(详见xAxis),数组中每一项代表一条横轴坐标轴,标准(1.0)中规定最多同时存在2条横轴
{Array | Object} yAxis 直角坐标系中纵轴数组(详见yAxis),数组中每一项代表一条纵轴坐标轴,标准(1.0)中规定最多同时存在2条纵轴
{Array} series 驱动图表生成的数据内容(详见series),数组中每一项代表一个系列的特殊选项及数据
怀有希望!!
分享到:
评论

相关推荐

    echarts的option

    echarts的option

    06-Echarts简化系列之:极坐标系的 radiusAxis径向轴和 angleAxis角度轴

    Echarts 极坐标系 角度轴 option 配置代码

    phantomjs 需要的 js 插件 echarts-convert.js

    PhantomJS在服务端生成ECharts图片 主要功能:给定ECharts的option参数,生成ECharts图片,并以Base64字符串返回。

    uniapp微信小程序使用Echarts组件

    uniapp微信小程序使用Echarts组件,使用实例 <echarts class="uni-ec-canvas" ref="echarts2" :option="option" canvasId="echarts1" id='echarts2'></echarts>

    echarts-doc-4.8.zip

    echarts4.8官方编译工程,包含离线文档、示例及在线编辑器,方便在内网环境开发echarts。已集成好示例 配置文档:zh/option.html,API文档:zh/api.html,教程:zh/tutorial.html,示例:examples/view.html,编辑器:...

    echarts整合多个类似option的方法实例

    最后模仿老大做的整合多个option自己做了一个demo,自己写了详细的注释。 效果图如下: html代码如下: <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id=chart1 style=width: 300px;

    echarts,tree 图,节点收缩,option 配置即可

    echarts tree目前只能用initialTreeDepth来控制显示的层数,不能逐个控制每个节点的收缩放开状态,很不方便。因此我在配置项里面增加了一个字段mcHereShow(命名觉得不美观,可以全部替换成你要修改的字段),在配置...

    解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)

    1.问题描述:在echarts弹框中嵌入echarts,在页面数据改变时,echarts视图不更新; 2.解决办法: 数据更新时以为drawLine()函数在updated()里面执行(这种情况之前碰到过),后来发现热更新之后视图更新了,所以跟...

    echarts的官方v3离线api

    echarts的官方v3离线api, 和官方文档一致,不方便上网的小伙伴和方便

    echarts-ember:echarts的灰烬绑定

    {{ember-echart option = some_option id =“ some_id”}} 有关详细信息,请参见测试/虚拟 跑步 ember serve 访问位于应用程序。 您应该看到以下内容 运行测试 npm test (运行ember try:each以针对多个Ember版本...

    React-Echarts-Wrapper:用于响应的Echarts包装器组件

    当您通过setState更改option的值时,等效于执行“ echarts.setOption”,您可以通过不断更改该选项并引起重绘来显示动态数据。“加载”的方法相同。 您可以通过“ onChartsReady”获取echarts的对象实例,然后 ...

    echarts-doc-5-nginx.zip

    适合国企等内网开发,有配置项、示例及示例的代码等核心内容,带nginx环境,解压后运行nginx.exe即可访问localhost:81/zh/option.html和localhost:82/zh/index.html查看

    Echarts地图 详细镇区的划分

    _chinaMap = echarts.init(dom); _chinaMap.on('click', function(params) { console.log(params); var _type = params.seriesType; if (_type == "map") { //window.parent.aaa('aa') //调用父页面方法 } ...

    echarts多条折线图动态分层的实现方法

    1、关于Echarts 大家可以到这个网址看一下,还是比较详细的。 http://echarts.baidu.com/doc/example.html 这个功能还是很强大的,对于喜欢做数据统计来说是美味的。 2、echarts多条折线图动态分层 var xData = ...

    map-echarts-panel:格拉法纳的Echarts面板

    在编辑页面的EchartsOption中添加echarts选项。 尖端 支持liquidfill和wordcloud插件。 您可以导入其他地图,只需将其复制到libs文件夹中,然后将其导入echarts_ctrl.js即可。 dark.js是主题文件,如果要自定义...

    option:Scala 的 Option Monad 的 Ruby 实现

    Scala 的 Option monad 的 Ruby 端口。 尝试在 RE 中忠实但也务实:躲避打字。 博文: : 安装 将此行添加到应用程序的 Gemfile 中: gem 'option' 然后执行: $ bundle 或者自己安装: $ gem install option...

    echarts图表柱状图折线图动态轮播tooltip窗

    引入该包,在 myChart.setOption(option)注册表后,调用该方法 tools.loopShowTooltip(myChart, option, { loopSeries: true }) 注:myChart为echarts实例,option为该表配置。配置中必须要有tooltip的配置才可生效

    remax-chart:从此 Remax 也有 ECharts 图表:chart_increasing:套件啦

    remax-chart从此 RemaxJS 也有 ECharts 图表:chart_increasing:套件啦~支持平台平台是否支持Web√微信小程序√支付宝小程序√头条小程序x快速上手# 安装依赖npm i remaxnpm i remax-chart# or use yarnyarn add ...

Global site tag (gtag.js) - Google Analytics