随笔分类 -  Echarts

echarts的加载 控件
摘要：echart1.showLoading() echart1.hideLoading() 阅读全文
posted @ 2022-10-17 17:32 xzzzys 阅读(21) 评论(0) 推荐(0)
echart 随着窗口大小变化自适应
摘要：window.addEventListener('resize', () => { echart1.resize() echart2.resize() echart3.resize() echart4.resize() }) 阅读全文
posted @ 2022-10-17 17:30 xzzzys 阅读(59) 评论(0) 推荐(0)
解决Echarts的toolbox只显示英文的问题
摘要：我们为toolbox中每一个配置项都添加title属性，title属性的值就是你想显示的值，随便写。toolbox的配置代码如下： toolbox: { //工具栏 show: true, //显示工具栏组件 feature: { //各工具配置项 mark: { show: true }, dat 阅读全文
posted @ 2022-10-17 17:27 xzzzys 阅读(142) 评论(0) 推荐(0)
echarts的注意事项--初始化和销毁
摘要：想用一个dom根据不同条件显示不同的echarts ，如清除图例使用新的图例等 echart.clear() https://wenku.baidu.com/view/81a9c72000d8ce2f0066f5335a8102d276a26113.html 阅读全文
posted @ 2022-10-17 17:23 xzzzys 阅读(178) 评论(0) 推荐(0)
echarts断点连线问题 终级
摘要：/** * * 测试关系图 graph type* */var coors1 = [['1', 0],['2', 182],['5', 290],['6', 330],['7', 310],['10',300]];var data = [coors1];var optionSeries = [];f 阅读全文
posted @ 2017-10-11 15:18 xzzzys 阅读(1279) 评论(0) 推荐(0)
echarts3.0版本断点连线的处理
摘要：项目应用到echarts图表组件、官网的demo中出现空数据会断开、经过跟踪调试、修改echarts.js以下代码即可实现断点连线功能(需要将空数据处理成'-'、这样才能均值)： 项目应用到echarts图表组件、官网的demo中出现空数据会断开、经过跟踪调试、修改echarts.js以下代码即可实 阅读全文
posted @ 2017-09-23 17:09 xzzzys 阅读(489) 评论(0) 推荐(0)
echarts 图表建立步骤
摘要：需要引用的文件 <script src="web/mobile/js/jquery-1.8.3.min.js"></script> <script src="web/mobile/js/echarts.js"></script> html页面： <div id="main2" style="widt 阅读全文
posted @ 2017-08-25 14:58 xzzzys 阅读(312) 评论(0) 推荐(0)
Highcharts制作图片表设置线条颜色和粗细
摘要：Chart：图表区选项 Chart图表区选项用于设置图表区相关属性。 Color：颜色选项 Color颜色选项用于设置图表的颜色方案。 Highcharts已经默认提供了多种颜色方案，当要显示的图形多于颜色种类时，多出的图形会自动从第一种颜色方案开始选取。自定义颜色方案的方法： Title：标题选项 阅读全文
posted @ 2017-08-25 10:46 xzzzys 阅读(1374) 评论(0) 推荐(0)
HCharts的y轴保留一位和 两位小数
摘要：保留一位小数，有一位小数的不变 yAxis : { labels : { formatter : function () { var strVal = ''+this.value ; if (strVal.indexOf('.') == -1) { return strVal + '.0'; }el 阅读全文
posted @ 2017-08-25 10:42 xzzzys 阅读(241) 评论(0) 推荐(0)
heightCharts改变图表内图标的样式：链接外部图片
摘要：series: [{ name: '东京', marker: { symbol: 'url(https://www.highcharts.com/demo/gfx/sun.png)' //链接外部图片 }, data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 阅读全文
posted @ 2017-08-24 17:53 xzzzys 阅读(183) 评论(0) 推荐(0)