PLC.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. $(function() {
  2. var dom = document.getElementById("container1");
  3. var myChart = echarts.init(dom);
  4. var app = {};
  5. option = null;
  6. app.title = '环形图';
  7. option = {
  8. tooltip: {
  9. trigger: 'item',
  10. formatter: "{a} <br/>{b}: {c} ({d}%)"
  11. },
  12. color:['#37a2da','#ffd85c'],
  13. series: [
  14. {
  15. name:'PLC',
  16. type:'pie',
  17. radius: ['50%', '70%'],
  18. avoidLabelOverlap: false,
  19. label: {
  20. normal: {
  21. show: false,
  22. position: 'center'
  23. },
  24. emphasis: {
  25. show: true,
  26. textStyle: {
  27. fontSize: '24',
  28. color:'#00fcff',
  29. fontWeight: 'bold'
  30. }
  31. }
  32. },
  33. labelLine: {
  34. normal: {
  35. show: false
  36. }
  37. },
  38. data:[
  39. {value:vm.plc.on, name:'在线'},
  40. {value:vm.plc.off, name:'离线'}
  41. ]
  42. }
  43. ]
  44. };
  45. ;
  46. if (option && typeof option === "object") {
  47. myChart.setOption(option, true);
  48. }
  49. });