echart 동적 로드 데이터의 떡 모양도
layui.define('echarts', function(exports) {
var echarts = layui.echarts,
$ = layui.jquery;
var myecharts = echarts.init(document.getElementById('echarts'));
myecharts.showLoading({
text : " 。。。。。",
})
var option = {
title: {
text: ' ',
subtext: ' ',
x: 'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: []
},
series: [{
name: ' ',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data : [],
/*data: [
{ value: 335, name: ' ' },
{ value: 310, name: ' ' },
{ value: 234, name: ' ' },
{ value: 135, name: ' ' },
{ value: 1548, name: ' ' }
],*/
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
};
$.ajax({
type : "post",
async : false, //
url : contextpath + '/merchantintegral/integralcountlist?&time='+ new Date().getTime(),
dataType : "json", // json
success : function(result) {
if(result){
// option.xAxis[0] data
for(var i=0;i
option.series[0].data.push({'name':result[i].name,'value':result[i].count})
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.