axure插入图表

https://echarts.apache.org/examples/zh/index.html#chart-type-line

javascript:
 
$axure.utils.loadJS('https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js');
setTimeout(function(){
 
var dom =$('[data-label=Demo]').get(0);
var Chart = echarts.init(dom,'dark');
 
var option = {
  title: {
    text: '各地分布',
    subtext: '分布图',
    left: 'center'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    orient: 'vertical',
    left: 'left'
  },
  series: [
    {
      name: '',
      type: 'pie',
      radius: '50%',
      data: [
        { value: 1048, name: '中国' },
        { value: 735, name: '美国' },
        { value: 580, name: '泰国' },
        { value: 484, name: '日本' },
        { value: 300, name: '韩国' },
         { value: 300, name: 'XXX' },
          { value: 300, name: 'GGG' },
      ],
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};
 
if (option && typeof option === "object"){
 
Chart.setOption(option, true);
 
}}, 1000);
posted @ 2025-05-12 16:47  EJW  阅读(17)  评论(0)    收藏  举报