echarts
_let
要么孤独,要么庸俗
展开
-
echarts饼图白色间隙
echarts饼图白色间隙原创 2017-11-17 18:10:18 · 13676 阅读 · 2 评论 -
echarts
简介 ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值原创 2017-11-14 14:42:12 · 2879 阅读 · 3 评论 -
echarts改变默认标记类型
ECharts 提供的标记类型包括 ‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’。也可以通过 ‘image://url’ 设置为图片,其中 url 为图片的链接,或者 dataURI。可以通过 ‘path://’ 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且原创 2017-11-15 11:28:32 · 5005 阅读 · 0 评论 -
分享一个echarts直条状效果图
简单需求: 一个固定长度的直条,里面分为五部分,每部分按百分比显示不同颜色~ 效果图~原创 2017-11-15 14:18:43 · 2147 阅读 · 5 评论 -
echarts 数据重新加载,原数据依然存在图表上
多次调用时option选项默认是合并(merge)的,加上true表示不合并配置myChart.setOption(option,true); // 加上true表示不合并配置原图: 加上true后:原创 2017-12-06 14:49:34 · 32489 阅读 · 16 评论 -
echarts 折线常用
<style>.monitor-statis{ width: 100%;}.monitor-statis tr{ width: 100%;height: 242px;}.monitor-statis tr td{ box-sizing: border-box; padding: 10px 10px; width: 33%;height: 100%;原创 2017-12-25 15:40:03 · 350 阅读 · 0 评论 -
echarts 事件传值
一、通过元素的自定义属性传值1、设置 首先在绘制图表的时候,通过 设置自定义 属性设置需要传递的值 // 设置自定义属性 $('#pieChartBox').attr("data-hostType",'1'); // pieChart2("pieChartBox",desc,title,data,color);2...原创 2018-03-21 14:00:30 · 4551 阅读 · 0 评论 -
echarts 自定义 markPoint 的 symbol 样式
/** * 获取文本宽高 * @param text 文本 * @param fontSize 代表汉字的大小,英文字会自动按照默认值 * @returns {{width: *, height: *}} */ function textSize(text,fontSize) { var span =...原创 2018-05-30 10:19:33 · 111810 阅读 · 11 评论