let echartPie=function (option) { let defaultOption={ data:[], title:'柱状图统计', nameField:"name", valueField:"value", dom:document.querySelector("#container5") }; Object.assign(defaultOption,option); let pieData=[]; if(defaultOption.data!=null&&defaultOption.data.length>0){ defaultOption.data.forEach(c=>{ pieData.push({name:c[defaultOption.nameField],value:c[defaultOption.valueField]}); }); } let legendData=defaultOption.data.map(c=>c[defaultOption.nameField]); let myChart = echarts.init(defaultOption.dom); option = { tooltip : { trigger: 'item', formatter: "{a} {b} : {c} ({d}%)" }, legend: { orient : 'vertical', x : 'left', data:legendData }, calculable : false, series : [ { name:defaultOption.title, type:'pie', radius : '55%', center: ['50%', '60%'], data:pieData } ] }; myChart.setOption(option);
时间: 2023-07-15 10:13:31 浏览: 192
这段代码实现了一个 echarts 的饼图,可以接受一些配置选项,包括数据、标题、名称字段、值字段和 DOM 元素等。首先会将传入的数据转换为 echarts 饼图所需的格式,然后使用 echarts 初始化一个图表,并设置相应的配置选项。其中饼图的数据系列是从转换后的数据中得到的,图例则是从数据的名称字段中获取。最后将配置选项设置给 echarts 实例即可。
相关问题
tempData = result; return '<input class="easyui-combobox" ' + 'data-options="valueField:\'date_code\',textField:\'data_name\',data:tempData">'如何把tempData 放到input的data里去
您可以使用 jQuery 来实现将 `tempData` 放到 `input` 的 `data` 属性中去。假设您已经在 HTML 页面中引入了 jQuery 库,那么您可以使用以下代码实现:
```javascript
// 获取 result 数据后,将其赋值给 tempData 变量
var tempData = result;
// 获取到需要设置 data 属性的 input 元素
var inputEl = $('input.easyui-combobox');
// 使用 jQuery 的 data() 方法将 tempData 设置为 input 元素的 data 属性值
inputEl.data('data', tempData);
```
这样,`tempData` 就会被设置为 `input` 元素的 `data` 属性值,可以在 EasyUI 中使用。
{field: 'commodityConfig', width:250,title:"配置", editor:{ type:'combobox', options:{ valueField:'config_name', textField:'config_name', url: } } }, url怎么获取到其他列的值
你可以使用 easyui 的 datagrid 的 getEditor 方法来获取编辑器对象,然后再通过该编辑器对象获取其他列的值。具体的实现步骤如下:
1. 在 url 属性中设置一个可以获取到其他列值的接口地址;
2. 在 editor 的 options 中设置 onChange 事件,当配置选项发生变化时触发该事件;
3. 在 onChange 事件中使用 getEditor 方法获取到当前编辑器对象,然后通过该编辑器对象的 getRow 方法获取到当前行的数据对象;
4. 然后在该数据对象中获取到其他列的值,拼接到 url 中,最终获取到需要的数据。
下面是一个示例代码:
```
{field: 'commodityConfig', width:250,title:"配置",
editor: {
type:'combobox',
options: {
valueField: 'config_name',
textField: 'config_name',
url: 'getOtherColumnValue.php?columnValue=' + $('#dg').datagrid('getEditor', {index:editIndex,field:'otherColumn'}).target.val(),
onChange: function(newValue, oldValue) {
var editor = $(this).combobox('options').editor;
var row = editor.getRow(editor.target.closest('tr'));
var otherColumnValue = row.otherColumn;
$(this).combobox('reload', 'getOtherColumnValue.php?columnValue=' + otherColumnValue);
}
}
}
}
```
在上面的代码中,我们通过 getEditor 方法获取到了当前编辑器对象,然后通过该编辑器对象的 getRow 方法获取到当前行的数据对象,最终获取到了其他列的值,将其拼接成一个完整的 url,然后使用 combobox 的 reload 方法重新加载数据。
阅读全文