aliven1的博客

ECharts 中的事件有两种，一种是鼠标事件(‘用on绑定，off解除事件’)，在鼠标点击某个图形上会触发，还有一种是 调用 dispatchAction 后触发的事件。每个 action 都会有对应的事件，具体见 action 和 events 的文档。// 例如，下载图表的数据或图像。// 在这里执行你的下载操作。

【代码】echart中定义选中区域图标和事件。

geoIndex:0,//使用geoIndex:0,使geo和type:map用同一个地图组件，map中的itemStyle属性失效，使用geo中的属性。

双Y轴设置零点刻度统一

【代码】echart中的brush，设置柱状图工具栏brush和区域选择触发事件brushSelected。

grid:如果一个容器中定义多图，则grid定义图的位置：grid: [ {left: '7%', top: '7%', width: '38%', height: '38%'}, {right: '7%', top: '7%', width: '28%', height: '38%'}, {left: '7%', bottom: '7%', width: '38%', height: '38%'}, {right: '7%', bo...

图标设置日期跨度的样式和事件按钮的样式：

修改按钮的样式https://code.hcharts.cn/shuang123/rKET8W$(function(){    $("#container").highcharts("StockChart",{        chart : {            animation :false,            width:765,            height:345,    ...

有多条曲线，需要有各自的提示框，公用x轴时间，x时间格式的设置

navigator: {    xAxis: {        labels: {            format: '{value:%Y-%m-%d}',            /*             * 也可以用 formatter 格式化函数，时间格式化说明如下：             * %Y  年             * %m  月

是定义时间跨度的选项按钮，其中，select值的大小会影响导航器初始显示的长度，值设置的大的话，导航器全部显示出来;范围，1月，3月，6月 季度 半年 一年 全部的这个位置

链接地址https://www.cnblogs.com/rx100/p/4137051.htmlHighCharts/Highstock使用小结,使用汉化及中文帮助文档   此文档是本人在开发过程图形报表时使用HighCharts所遇到的问题及解决方案 。最后附上有HighCharts中文帮助文档   HighCharts  版本：Highchart

highchart 滚动条 scrollbar

// 全图默认背景// backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed','#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0','#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700','#6699FF','#ff6666','...

graphic: [{ type: 'group', rotation: Math.PI / 4,//正方形旋转的角度 bounding: 'raw', right: 70, bottom: 15, z: 100, children: [ { type: 'rect',...

x,y,x2,y2都是坐标轴相对于canvas边的距离

type:'value', axisLabel:{/自定义刻度格式，大于10000的时候，显示格式为value/10000+万/ formatter:function(value){ var txt=[]; if(value>=10000){ txt.push(value/10000+'万'); }else{ txt.push(value); }; re...

需要注意的是，图表的容器必须指定宽高，也就是说 width，height 不能使用百分比，只能用 px,图表的容器必须指定宽高，也就是说 width，height 不能使用百分比，只能用 px...

https://www.cnblogs.com/rongyux/p/5855660.html

tooltips中的triger可以设置tooltips的触发方式，默认是item触发，可以设置为axis横轴触发；

markpoint在图上标记数据中的最大值和最小值markline在图上标记均值参考线

1. 2.ECharts 由数据驱动，数据的改变驱动图表展现的改变，因此动态数据的实现也变得异常简单。所有数据的更新都通过 setOption实现，你只需要定时获取数据，setOption 填入数据，而不用考虑数据到底产生了那些变化，ECharts 会找到两组数据之间的差异然后通过合适的动画去表现数据的变化http://echarts.baidu.com/tutorial.ht...

用户切换数据项或更改时间段时，ie中渲染的折线图包含了上一次获取的数据，导致数据错乱切换option内部的数据源的时候，渲染的图会包含上一次的数据源，导致数据混乱了，绘图混乱，解决方案：      在API中找到了clear方法，用于清空当前实例，再用setOption赋值就没有问题；      清空当前实例，会移除实例中的所有组件和图表，清空后调getOption方法，返回一个...

https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-chxg2c5p.html

inside:配置是区域缩放组件（内置型数据区域缩放组件）；slider:配置是否显示滑动条（滑动条型数据区域缩放组件），这个没有配置的话，区域缩放依然有效，只是不显示滑动条...

echarts的数据更新使用setOption来实现的。官网的解释是这样的：设置图表实例的配置项以及数据，万能接口，所有参数和数据的修改都可以通过 setOption 完成，ECharts 会合并新的参数和数据，然后刷新图表。如果开启动画的话，ECharts 找到两组数据之间的差异然后通过合适的动画去表现数据的变化。所以我们在希望数据实时更新的时间，使用setOption即可。但...

1.全局绑定滚轮事件，获得dataZoom最新的位置：myChart.on('dataZoom',function(event){ if(event.batch){ start=event.batch[0].start; end=event.batch[0].end; }else{ start=event.start; en...

降低绘图盒子绝对定位的层级