online.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. $(function() {
  2. var dom = document.getElementById("container2");
  3. var myChart = echarts.init(dom);
  4. var app = {};
  5. option = null;
  6. option = {
  7. legend: {
  8. x : 'center',
  9. y : 'bottom',
  10. itemWidth: 8,
  11. itemHeight: 8,
  12. textStyle:{//图例文字的样式
  13. color:'#fff',
  14. fontSize:12
  15. },
  16. data:['上限','上上限','下限','下下限','正跳变','负跳变']
  17. },
  18. calculable : true,
  19. series : [
  20. {
  21. name:'面积模式',
  22. type:'pie',
  23. radius : [30, 100],
  24. center : ['50%', '45%'],
  25. roseType : 'area',
  26. data:[
  27. {value:vm.online.v1, name:'上限',itemStyle:{normal:{color:'#ff7800'}}},
  28. {value:vm.online.v2, name:'上上限',itemStyle:{normal:{color:'#23eb6a'}}},
  29. {value:vm.online.v3, name:'下限',itemStyle:{normal:{color:'#7627cb'}}},
  30. {value:vm.online.v4, name:'下下限',itemStyle:{normal:{color:'#fffc00'}}},
  31. {value:vm.online.v5, name:'正跳变',itemStyle:{normal:{color:'#46afdb'}}},
  32. {value:vm.online.v6, name:'负跳变',itemStyle:{normal:{color:'#ff0000'}}}
  33. ]
  34. }
  35. ]
  36. };
  37. ;
  38. if (option && typeof option === "object") {
  39. myChart.setOption(option, true);
  40. }
  41. });