php 使用dataview,echarts如何优化数据视图dataView中的样式（代码示例）

本篇文章给大家带来的内容是关于echarts如何优化数据视图dataView中的样式(代码示例)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

在使用echart过程中，toolbox里有个dataView视图模式，里面的数据没有对整，影响展示效果，情形如下：

改问题解决方案为，在optionTocontent回调函数中处理，具体代码如下：toolbox:{

show: true,

feature: {

dataView: {

show: true,

title: '数据视图',

optionToContent: function (opt) {

var axisData = opt.xAxis[0].data;

var series = opt.series;

var tdHeads = '

名称';

series.forEach(function (item) {

tdHeads += '

'+item.name+'';

});

var table = '

var tdBodys = '';

for (var i = 0, l = axisData.length; i < l; i++) {

for (var j = 0; j < series.length; j++) {

if(typeof(series[j].data[i]) == 'object'){

tdBodys += '

'+series[j].data[i].value+'';

}else{

tdBodys += '

'+ series[j].data[i]+'';

}

table += '

'+axisData[i]+''+ tdBodys +'';

tdBodys = '';

}

table += '

return table;

}

mark: {show:true},

restore:{show:true},

magicType: {type: ['line', 'bar','pie']},

saveAsImage:{show:true}

}

修改后的效果为：

问题完美解决，希望对你有帮助！

php 使用dataview,echarts如何优化数据视图dataView中的样式（代码示例）相关推荐

python爬取json数据_Python爬取数据保存为Json格式的代码示例
python爬取数据保存为Json格式代码如下: #encoding:'utf-8' import urllib.request from bs4 import BeautifulSoup impo ...
运营商告警数据根因分析方案和代码示例
运营商告警数据根因分析方案和代码示例 1. 背景 2. 数据预处理 3. 特征工程 3.1 nlp特征 3.1.1 告警标题tfidf 3.1.2 告警标题做word2vec词向量挖掘 3.2 统计特 ...
Echarts自定义数据视图(DataView)-按钮名称-刷新方法
基于jquery3.1 & echarts.js; 了解更多细节请访问: https://www.echartsjs.com 先上效果图: gif没录好,大家可以自己把代码拷贝,到本地 & ...
[译]使用JavaScript来操纵数据视图DataView新建视图的默认值
觉得这篇文章比较有参考价值,把大意翻译过来,没有忠实于原文. 原文链接:http://blogs.msdn.com/sharepointdesigner/archive/2007/06/13/usin ...
php中使用mysql的视图_MYSQL中视图的用法介绍（代码示例）
本篇文章给大家带来的内容是关于MYSQL中视图的用法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1.什么是视图执行一条SQL,将结果集保存在一张虚拟表中 (相关 ...
【鸿蒙 HarmonyOS】界面跳转 ( Page Ability 的 action 标识 | Page Ability 之间的界面跳转及传递数据 | 鸿蒙工程下创建 Module | 代码示例 )
文章目录一.Page Ability 的 action 标识二.Page Ability 之间的界面跳转及传递数据三.鸿蒙工程下创建 Module 四.代码示例五.执行效果参考文档 : Pa ...
java ： enum、创建文件和文件夹、删除文件和文件夹、获得项目绝对路径、写入数据到excel中、java代码中两种路径符号写法、读取、写入text文件...
java : enum http://www.cnblogs.com/hyl8218/p/5088287.html 创建文件和文件夹.删除文件和文件夹 http://www.cnblogs.com/m ...
form表单提交数据的同时上传文件代码示例
form表单提交数据的同时在表单中上传文件代码示例一.定义页面注意:在form表单中加入属性 enctype="multipart/form-data" 表示此表单支持文件上 ...
flink 处理迟到数据(Trigger、设置水位线延迟时间、允许窗口处理迟到数据、将迟到数据放入侧输出流、代码示例、迟到数据触发窗口计算重复结果处理)
文章目录前言 1.Trigger 2.处理迟到数据 2.1 设置水位线延迟时间 2.2 允许窗口处理迟到数据 2.3 将迟到数据放入侧输出流 3.实操 3.1 代码示例 3.2 中间遇到的异常 3. ...

php 使用dataview,echarts如何优化数据视图dataView中的样式（代码示例）

php 使用dataview,echarts如何优化数据视图dataView中的样式（代码示例）相关推荐

最新文章

热门文章