echarts使用方法(查看版)

篇幅较长,需要一定时间阅读

let myChart = {
	color: ['#c4ccd3'],
	backgroundColor: 'transparent',
	animation: true,
	animationThreshold: 2000,
	animationDuration: 1000,
	animationEasing: 'cubicOut',
	animationDelay: 0,
	animationDurationUpdate: 300,
	animationEasingUpdate: 'cubicOut',
	animationDelayUpdate: 0,
	blendMode: 'source-over',
	hoverLayerThreshold: 3000,
	useUTC: false,
	textStyle: {
	
	},
	title: {
	
	},
	legend: {
	
	},
	grid: {
	
	},
	xAxis: {
	
	},
	yAxis: {
	
	},
	polar: {
	
	},
	radiusAxis: {
	
	},
	angleAxis: {
	
	},
	radar: {
	
	},
	tooltip: {
		position: [10, 10],
        formatter: '',
        backgroundColor: '',
        borderColor: '',
        borderWidth: 0,
        padding: 5,
        extraCssText: '',
        textStyle: {
          color: '',
          fontStyle: 'normal',
          fontWeight: 'normal',
          fontFamily: 'sans-serif',
          fontSize: 14,
          lineHeight: 40,
          width: 0,
          height: 0,
          textBorderColor: 'transparent',
          textBorderWidth: 0,
          textShadowColor: 'transparent',
          textShadowBlur: 0,
          textShadowOffsetX: 0,
          textShadowOffsetY: 0
        }
	},
	axisPointer: {
	
	},
	toolbox: {
	
	},
	brush: {
	
	},
	geo: {
	
	},
	parallel: {
	
	},
	parallelAxis: {
	
	},
	singleAxis: {
	
	},
	timeline: {
	
	},
	graphic: {
	
	},
	calendar: {
	
	},
	dataset: {
	
	},
	aria: {
	
	},
	dataZoom: [
     {
	
     }
    ],
	visualMap: [
	 {
	
	 }
	],
	series:[
	  {
	    type: 'line',
	    id: '',
	    name: '',
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    polarIndex: 0,
	    symbol: 'emptyCircle',
	    symbolSize: 4,
	    symbolRotate: 45,
	    symbolKeepAspect: false,
	    symbolOffset: [0,0],
	    showSymbol: true,
	    showAllSymbol: 'auto',
	    hoverAnimation: true,
	    legendHoverLink: true,
	    stack: '',
	    cursor: 'pointer',
	    connectNulls: false,
	    clip: true,
	    smooth: false,
	    smoothMonotone: '',
	    sampling: '',
	    dimensions: [],
	    seriesLayoutBy: '',
	    datasetIndex: 0,
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: linter,
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    label: {
	      show: false,
	      position: 'top',
	      distance: 5,
	      rotate: 25,
	      offset: [30, 40],
	      formatter: function() {
	
	      },
	      color: '',
	      fontStyle: 'normal',
	      fontWeight: 'normal',
	      fontFamily: 'sans-serif',
	      fontSize: 12,
	      align: 'left',
	      verticalAlign: 'middle',
	      lineHeight: 40,
	      backgroundColor: 'transparent',
	      borderColor: 'transparent',
	      borderWidth: 0,
	      borderRadius: 0,
	      padding: 0,
	      shadowColor: 'transparent',
	      shadowBlur: 0,
	      shadowOffsetX: 0,
	      shadowOffsetY: 0,
	      width: 0,
	      height: 0,
	      textBorderColor: 'transparent',
	      textBorderWidth: 0,
	      textShadowColor: 'transparent',
	      textShadowBlur: 0,
	      textShadowOffsetX: 0,
	      textShadowOffsetY: 0,
	      rich: {
	        a: {
	          color: "#fff" ,
	          fontStyle: 'normal',
	          fontWeight: 'normal',
	          fontFamily: 'sans-serif',
	          fontSize: 12 ,
	          align: '',
	          verticalAlign: '',
	          lineHeight: '',
	          backgroundColor: 'transparent',
	          borderColor: 'transparent',
	          borderWidth: 0 ,
	          borderRadius: 0 ,
	          padding: 0 ,
	          shadowColor: 'transparent',
	          shadowBlur: 0 ,
	          shadowOffsetX: 0 ,
	          shadowOffsetY: 0 ,
	          width: 0,
	          height: 0,
	          textBorderColor: 'transparent',
	          textBorderWidth: 0 ,
	          textShadowColor: 'transparent',
	          textShadowBlur: 0 ,
	          textShadowOffsetX: 0 ,
	          textShadowOffsetY: 0 ,
	        }
	      }
	    },
	    itemStyle: {
	      color: '自适应',
	      borderColor: "#000",
	      borderWidth: 0 ,
	      borderType: 'solid',
	      shadowBlur: 0,
	      shadowColor: '',
	      shadowOffsetX: 0,
	      shadowOffsetY: 0,
	      opacity: 1 ,
	    },
	    lineStyle: {
	      color: "#000",
	      width: 2,
	      type: 'solid',
	      shadowBlur: '',
	      shadowColor: '',
	      shadowOffsetX: 0,
	      shadowOffsetY: 0,
	      opacity: 1
	    },
	    areaStyle: {
	      color: '',
	      origin: 'auto',
	      shadowBlur: 0,
	      shadowColor: '',
	      shadowOffsetX: 0,
	      shadowOffsetY: 0,
	      opacity: 1
	    },
	    emphasis: {
	      label: {
	        show: false,
	        position: 'top',
	        distance: 5,
	        rotate: 45,
	        offset: [50,30],
	        formatter: function() {
	
	        },
	        color: '',
	        fontStyle: 'normal',
	        fontWeight: 'normal',
	        fontFamily: 'sans-serif' ,
	        fontSize: 12 ,
	        align: '',
	        verticalAlign: '',
	        lineHeight: 30,
	        backgroundColor: 'transparent' ,
	        borderColor: 'transparent' ,
	        borderWidth: 0 ,
	        borderRadius: 0 ,
	        padding: 0 ,
	        shadowColor: 'transparent' ,
	        shadowBlur: 0 ,
	        shadowOffsetX: 0 ,
	        shadowOffsetY: 0 ,
	        width: 30,
	        height: 30,
	        textBorderColor: 'transparent' ,
	        textBorderWidth: 0 ,
	        textShadowColor: 'transparent' ,
	        textShadowBlur: 0 ,
	        textShadowOffsetX: 0 ,
	        textShadowOffsetY: 0 ,
	      },
	      itemStyle: {
	        color: '自适应',
	        borderColor: "#000",
	        borderWidth: 0,
	        borderType: 'solid',
	        shadowBlur: 0,
	        shadowColor: '',
	        shadowOffsetX: 0,
	        shadowOffsetY: 0,
	        opacity: 1 ,
	      }
	    },
	    markPoint: {
	      symbol: 'pin',
	      symbolSize: 50,
	      symbolRotate: 45,
	      symbolKeepAspect: false,
	      symbolOffset: [0, 0],
	      silent: false,
	      label: {},
	      itemStyle: {},
	      emphasis: {},
	      data: [{}],
	      animation: true,
	      animationThreshold: 2000,
	      animationDuration: 1000,
	      animationEasing: 'cubicOut',
	      animationDelay: 0,
	      animationDurationUpdate: 300,
	      animationEasingUpdate: 'cubicOut',
	      animationDelayUpdate: 0,
	    },
	    markLine: {
	      silent: false ,
	      symbol: '',
	      symbolSize: [],
	      precision: 2,
	      label: {},
	      lineStyle: {},
	      emphasis: {},
	      data: {},
	      animation: true,
	      animationThreshold: 2000,
	      animationDuration: 1000,
	      animationEasing: 'cubicOut',
	      animationDelay: 0,
	      animationDurationUpdate: 300,
	      animationEasingUpdate: 'cubicOut',
	      animationDelayUpdate: 0,
	    },
	    markArea: {
	      silent: false ,
	      label: {},
	      itemStyle: {},
	      emphasis: {},
	      data: {},
	      animation: false,
	      animationThreshold: 2000,
	      animationDuration: 1000,
	      animationEasing: 'cubicOut',
	      animationDelay: 0,
	      animationDurationUpdate: 300,
	      animationEasingUpdate: 'cubicOut',
	      animationDelayUpdate: 0,
	    },
	    tooltip: {
	      position: [10, 10],
	      formatter: '',
	      backgroundColor: '',
	      borderColor: '',
	      borderWidth: 0,
	      padding: 5,
	      extraCssText: '',
	      textStyle: {
	        color: '',
	        fontStyle: 'normal',
	        fontWeight: 'normal',
	        fontFamily: 'sans-serif',
	        fontSize: 14,
	        lineHeight: 40,
	        width: 0,
	        height: 0,
	        textBorderColor: 'transparent',
	        textBorderWidth: 0,
	        textShadowColor: 'transparent',
	        textShadowBlur: 0,
	        textShadowOffsetX: 0,
	        textShadowOffsetY: 0
	      }
	    },
	    data: [
	      {
	
	      }
	    ],
	  },
	  {
	    type: 'bar',
	    id: '',
	    name: '',
	    legendHoverLink: true,
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    roundCap: false,
	    showBackground: false,
	    stack: '',
	    cursor: 'pointer',
	    barWidth: '',
	    barMaxWidth: '',
	    barMinWidth: '',
	    barMinHeight: 0,
	    barGap: '30%',
	    barCategoryGap: '20%',
	    large: false,
	    largeThreshold: 400,
	    progressive: 5000,
	    progressiveThreshold: 3000,
	    progressiveChunkMode: '',
	    dimensions: [],
	    seriesLayoutBy: '',
	    datasetIndex: 0,
	    clip: true,
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    encode: {
	
	    },
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    backgroundStyle: {
	
	    },
	    emphasis: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ],
	  },
	  {
	    type: 'pie',
	    id: '',
	    name: '',
	    legendHoverLink: true,
	    hoverAnimation: true,
	    hoverOffset: 10,
	    selectedMode: false,
	    selectedOffset: 10,
	    clockwise: true,
	    startAngle: 90,
	    minAngle: 0,
	    minShowLabelAngle: 0,
	    roseType: false,
	    avoidLabelOverlap: true,
	    stillShowZeroSum: true,
	    cursor: 'pointer',
	    zlevel: 0,
	    z: 2,
	    left: 0,
	    top: 0,
	    right: 0,
	    bottom: 0,
	    width: 'auto',
	    height: 'auto',
	    center: ['50%','50%'],
	    radius: [0,'75%'],
	    seriesLayoutBy: 'column',
	    datasetIndex: 0,
	    dimensions: [],
	    silent: false,
	    animationType: 'expansion',
	    animationTypeUpdate: 'transition',
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    label: {
	
	    },
	    labelLine: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis:   {
	
	    },
	    encode: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'scatter',
	    id: '',
	    name: '',
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    polarIndex: 0,
	    geoIndex: 0,
	    calendarIndex: 0,
	    hoverAnimation: false,
	    legendHoverLink: true,
	    symbol: 'circle',
	    symbolSize: 10,
	    symbolRotate: 45,
	    symbolKeepAspect: false,
	    symbolOffset: [0,0],
	    large: false,
	    largeThreshold: 2000,
	    cursor: 'pointer',
	    progressive: 400,
	    progressiveThreshold: 3000,
	    dimensions: [],
	    seriesLayoutBy: '',
	    datasetIndex: 0,
	    clip: true,
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    encode: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'effectScatter',
	    id: '',
	    name: '',
	    legendHoverLink: true,
	    effectType: 'ripple',
	    showEffectOn: 'render',
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    polarIndex: 0,
	    geoIndex: 0,
	    calendarIndex: 0,
	    symbol: 'circle',
	    symbolSize: 10,
	    symbolRotate: 45,
	    symbolKeepAspect: false,
	    symbolOffset: [0,0],
	    cursor: 'pointer',
	    seriesLayoutBy: 'column',
	    datasetIndex: 0,
	    dimensions: [],
	    zlevel: 0,
	    z: 0,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    rippleEffect: {
	
	    },
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    encode: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'radar',
	    id: '',
	    name: '',
	    symbol: 'circle',
	    radarIndex: 0,
	    symbolSize: 4,
	    symbolRotate: 45,
	    symbolKeepAspect: false,
	    symbolOffset: [0,0],
	    zlevel: 0,
	    z: 0,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    lineStyle: {
	
	    },
	    areaStyle: {
	
	    },
	    emphasis: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ],
	  },
	  {
	    type: 'tree',
	    id: '',
	    name: '',
	    zlevel: 0,
	    z: 2,
	    left: '12%',
	    top: '12%',
	    right: '12%',
	    bottom: '12%',
	    width: '',
	    height: '12%',
	    layout: 'orthogonal',
	    orient: 'LR',
	    symbol: 'emptyCircle',
	    symbolSize: 7,
	    symbolRotate: 45,
	    symbolKeepAspect: false,
	    symbolOffset: [0,0],
	    edgeShapeL: 'curve',
	    edgeForkPosition: '50%',
	    roam: false,
	    expandAndCollapse: true,
	    initialTreeDepth: 2,
	    itemStyle: {
	
	    },
	    label: {
	
	    },
	    lineStyle: {
	
	    },
	    emphasis: {
	
	    },
	    leaves: {
	
	    },
	    data: {
	
	    },
	    tooltip: {
	
	    }
	  },
	  {
	    type: 'treemap',
	    id: '',
	    name: '',
	    zlevel: 0,
	    z: 2,
	    left: 'center',
	    top: 'middle',
	    right: 'auto',
	    bottom: 'auto',
	    width: '80%',
	    height: '80%',
	    squareRatio: 0.5,
	    leafDepth: 0,
	    drillDownIcon: '▶',
	    roam: true,
	    nodeClick: 'zoomToNode',
	    zoomToNodeRatio: 0.32*0.32,
	    visualDimension: 0,
	    visualMin: 0,
	    visualMax: 0,
	    colorAlpha: [0.3,1],
	    colorSaturation: 0,
	    colorMappingBy: 'index',
	    visibleMin: 10,
	    childrenVisibleMin: 0,
	    silent: false,
	    animationDuration: 1500,
	    animationEasing: 'quinticInOut',
	    animationDelay: 0,
	    label: {
	
	    },
	    upperLabel: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    breadcrumb: {
	
	    },
	    tooltip: {
	
	    },
	    levels: [
	      {
	
	      }
	    ],
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'sunburst',
	    id: '',
	    name: '',
	    zlevel: 0,
	    z: 2,
	    center: ['50%', '50%'],
	    radius: [0, '75%'],
	    highlightPolicy: 'descendant',
	    nodeClick: 'rootToNode',
	    sort: 'desc',
	    renderLabelForZeroData: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 500,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    highlight: {
	
	    },
	    downplay: {
	
	    },
	    data: [
	      {
	
	      }
	    ],
	    levels: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'boxplot',
	    id: '',
	    name: '',
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    legendHoverLink: true,
	    hoverAnimation: true,
	    layout: '',
	    boxWidth: [7,50],
	    dimensions: [],
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animationDuration: 800,
	    animationEasing: 'elasticOut',
	    animationDelay: 0,
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    encode: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'candlestick',
	    id: '',
	    name: '',
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    legendHoverLink: true,
	    hoverAnimation: true,
	    layout: '',
	    barWidth: 0,
	    barMinWidth: 0,
	    barMaxWidth: 0,
	    large: true,
	    largeThreshold: 600,
	    progressive: 3000,
	    progressiveThreshold: 10000,
	    progressiveChunkMode: 'mod',
	    dimensions: [],
	    clip: true,
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animationDuration: 300,
	    animationEasing: 'linter',
	    animationDelay: 0,
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    encode: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'heatmap',
	    id: '',
	    name: '',
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    geoIndex: 0,
	    calendarIndex: 0,
	    pointSize: 20,
	    blurSize: 20,
	    minOpacity: 0,
	    maxOpacity: 1,
	    progressive: 400,
	    progressiveThreshold: 3000,
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'map',
	    id: '',
	    name: '',
	    map: '',
	    roam: false,
	    center: [115.97, 29.71],
	    aspectScale: 0.75,
	    boundingCoords: [-180, 90],
	    zoom: 1,
	    nameProperty: 'name',
	    selectedMode: false,
	    zlevel: 0,
	    z: 2,
	    left: 'auto',
	    top: 'auto',
	    right: 'auto',
	    bottom: 'auto',
	    layoutCenter: [],
	    layoutSize: [],
	    geoIndex: [],
	    mapValueCalculation: 'sum',
	    showLegendSymbol: false,
	    seriesLayoutBy: 'column',
	    datasetIndex: 0,
	    silent: false,
	    scaleLimit: {
	
	    },
	    nameMap: {
	
	    },
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'parallel',
	    id: '',
	    name: '',
	    coordinateSystem: 'parallel',
	    parallelIndex: 0,
	    inactiveOpacity: 0.05,
	    activeOpacity: 1,
	    realtime: true,
	    smooth: false,
	    progressive: 500,
	    progressiveThreshold: 3000,
	    progressiveChunkMode: 'sequential',
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'linter',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    lineStyle: {
	
	    },
	    emphasis: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'lines',
	    id: '',
	    name: '',
	    coordinateSystem: 'geo',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    geoIndex: 0,
	    polyline: false,
	    large: false,
	    largeThreshold: 2000,
	    symbol: 'none',
	    symbolSize: 10,
	    progressive: 400,
	    progressiveThreshold: 3000,
	    clip: true,
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    effect: {
	
	    },
	    lineStyle: {
	
	    },
	    label: {
	
	    },
	    emphasis: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'graph',
	    id: '',
	    name: '',
	    legendHoverLink: true,
	    coordinateSystem: '',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    polarIndex: 0,
	    polarIndex: 0,
	    calendarIndex: 0,
	    hoverAnimation: false,
	    center: [115.97, 29.71],
	    zoom: 1,
	    layout: 'none',
	    roam: false,
	    nodeScaleRatio: 0.6,
	    draggable: false,
	    focusNodeAdjacency: false,
	    symbol: 'circle',
	    symbolSize: 10,
	    symbolRotate: 45,
	    symbolKeepAspect: false,
	    symbolOffset: [0,0],
	    edgeSymbol: ['none', 'none'],
	    edgeSymbolSize: 10,
	    cursor: 'poninter',
	    autoCurveness: 20,
	    nodes: [],
	    edges: [],
	    zlevel: 0,
	    z: 2,
	    left: 'center',
	    top: 'middle',
	    right: 'auto',
	    bottom: 'auto',
	    width: '自适应',
	    height: '自适应',
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    circular: {
	
	    },
	    force: {
	
	    },
	    itemStyle: {
	
	    },
	    lineStyle: {
	
	    },
	    label: {
	
	    },
	    edgeLabel: {
	
	    },
	    emphasis: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    categories: [
	      {
	
	      }
	    ],
	    data: [
	      {
	
	      }
	    ],
	    links: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'sankey',
	    id:  '',
	    name: '',
	    zlevel: 0,
	    z: 2,
	    left: '5%',
	    top: '5%',
	    right: '5%',
	    bottom: '5%',
	    width: '',
	    height: '',
	    nodeWidth: 20,
	    nodeGap: 8,
	    nodeAlign: 'justify',
	    layoutIterations: 32,
	    orient: 'horizontal',
	    draggable: true,
	    focusNodeAdjacency: false,
	    nodes: [],
	    edges: [],
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'linter',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    lineStyle: {
	
	    },
	    emphasis: {
	
	    },
	    tooltip: {
	
	    },
	    levels: [
	      {
	
	      }
	    ],
	    data: [
	      {
	
	      }
	    ],
	    links: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'funnel',
	    id: '',
	    name: '',
	    min: 0,
	    max: 100,
	    minSize: '0%',
	    maxSize: '100%',
	    orient: 'vertical',
	    sort: 'descending',
	    gap: 0,
	    legendHoverLink: true,
	    funnelAlign: 'center',
	    label: {
	
	    },
	    labelLine: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    zlevel: '',
	    z: 2,
	    left: 80,
	    top: 60,
	    right: 80,
	    bottom: 60,
	    width: 'auto',
	    height: 'auto',
	    seriesLayoutBy: 'column',
	    datasetIndex: 0,
	    dimensions: [],
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    encode: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'gauge',
	    id: '',
	    name: '',
	    radius: '75%',
	    legendHoverLink: true,
	    startAngle: 225,
	    endAngle: -45,
	    clockwise: true,
	    min: 0,
	    max: 100,
	    splitNumber: 10,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    axisLine: {
	
	    },
	    splitLine: {
	
	    },
	    axisTick: {
	
	    },
	    axisTick: {
	
	    },
	    pointer: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    title: {
	
	    },
	    detail: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'pictorialBar',
	    id: '',
	    name: '',
	    pictorialBar: true,
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    cursor: 'pointer',
	    barWidth: '自适应',
	    barMaxWidth: 0,
	    barMinWidth: 0,
	    barMinHeight: 0,
	    barGap: '-100%',
	    barCategoryGap: '20%',
	    symbol: 'circle',
	    symbolSize: ['100%', '100%'],
	    symbolPosition: 'start',
	    symbolOffset: [0,0],
	    symbolRotate: 0,
	    symbolRepeat: 0,
	    symbolRepeatDirection: 'start',
	    symbolMargin: 0,
	    symbolClip: false,
	    symbolBoundingData: 0,
	    symbolPatternSize: 400,
	    hoverAnimation: false,
	    dimensions: [],
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    encode: {
	
	    },
	    markPoint: {
	
	    },
	    markLine: {
	
	    },
	    markArea: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'themeRiver',
	    id: '',
	    name: '',
	    zlevel: 0,
	    z: 2,
	    left: '5%',
	    top: '5%',
	    right: '5%',
	    bottom: '5%',
	    width: '',
	    height: '',
	    coordinateSystem: 'single',
	    boundaryGap: ['10%', '10%'],
	    singleAxisIndex: 0,
	    label: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  },
	  {
	    type: 'custom',
	    id: '',
	    name: '',
	    legendHoverLink: true,
	    coordinateSystem: 'cartesian2d',
	    xAxisIndex: 0,
	    yAxisIndex: 0,
	    polarIndex: 0,
	    geoIndex: 0,
	    calendarIndex: 0,
	    dimensions: [],
	    seriesLayoutBy: 'column',
	    datasetIndex: 0,
	    clip: false,
	    zlevel: 0,
	    z: 2,
	    silent: false,
	    animation: true,
	    animationThreshold: 2000,
	    animationDuration: 1000,
	    animationEasing: 'cubicOut',
	    animationDelay: 0,
	    animationDurationUpdate: 300,
	    animationEasingUpdate: 'cubicOut',
	    animationDelayUpdate: 0,
	    renderItem: {
	
	    },
	    itemStyle: {
	
	    },
	    emphasis: {
	
	    },
	    encode: {
	
	    },
	    tooltip: {
	
	    },
	    data: [
	      {
	
	      }
	    ]
	  }
	]
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值