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); }; window.echartPlus={ echartBar:echartBar, echartPie:echartPie, echartLine:echartLine } })(window);
时间: 2023-11-22 11:52:12 浏览: 45
这段代码是一个封装了 ECharts 的饼图功能的 JavaScript 函数,可以在网页中使用。它接受一个包含数据、标题等参数的对象作为输入,如果没有传入某些参数,则会使用默认值。它首先将传入的数据转换为 ECharts 饼图所需要的格式,然后根据这些数据和标题等信息生成一个 ECharts 实例,并设置其配置项,最后将这个实例绑定到指定的 DOM 元素上。该函数被添加到了 window.echartPlus 对象中,可以通过该对象的 echartPie 属性在网页中调用。
相关问题
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);
这段代码实现了一个 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 中使用。