花公子丶 2015-05-24 05:40 采纳率: 50%
浏览 19405
已采纳

百度echarts画折线图显示不出来,画柱状图则正常

代码如下:

  1. <div id="main" style="height:400px"></div>
  2. <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
  3. <script type="text/javascript">
  4. require.config({
  5. paths: {
  6. echarts: 'http://echarts.baidu.com/build/dist'
  7. }
  8. });
  9. // 使用
  10. require
  11. (
  12. [
  13. 'echarts',
  14. 'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载
  15. ],
  16. function (ec)
  17. {
  18. // 基于准备好的dom,初始化echarts图表
  19. var myChart = ec.init(document.getElementById('main'));
  20. var option =
  21. {
  22. };
  23. myChart.setOption(option);
  24. }
  25. );
  26. </script>

option的代码直接从官方案例粘贴的,例如标准折线图

  1. title : {
  2. text: '未来一周气温变化',
  3. subtext: '纯属虚构'
  4. },
  5. tooltip : {
  6. trigger: 'axis'
  7. },
  8. legend: {
  9. data:['最高气温','最低气温']
  10. },
  11. toolbox: {
  12. show : true,
  13. feature : {
  14. mark : {show: true},
  15. dataView : {show: true, readOnly: false},
  16. magicType : {show: true, type: ['line', 'bar']},
  17. restore : {show: true},
  18. saveAsImage : {show: true}
  19. }
  20. },
  21. calculable : true,
  22. xAxis : [
  23. {
  24. type : 'category',
  25. boundaryGap : false,
  26. data : ['周一','周二','周三','周四','周五','周六','周日']
  27. }
  28. ],
  29. yAxis : [
  30. {
  31. type : 'value',
  32. axisLabel : {
  33. formatter: '{value} °C'
  34. }
  35. }
  36. ],
  37. series : [
  38. {
  39. name:'最高气温',
  40. type:'line',
  41. data:[11, 11, 15, 13, 12, 13, 10],
  42. markPoint : {
  43. data : [
  44. {type : 'max', name: '最大值'},
  45. {type : 'min', name: '最小值'}
  46. ]
  47. },
  48. markLine : {
  49. data : [
  50. {type : 'average', name: '平均值'}
  51. ]
  52. }
  53. },
  54. {
  55. name:'最低气温',
  56. type:'line',
  57. data:[1, -2, 2, 5, 3, 2, 0],
  58. markPoint : {
  59. data : [
  60. {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
  61. ]
  62. },
  63. markLine : {
  64. data : [
  65. {type : 'average', name : '平均值'}
  66. ]
  67. }
  68. }
  69. ]

然后这是我的结果:
图片说明
这是官方的:图片说明

展开全部

  • 写回答

5条回答 默认 最新

  • danielinbiti 2015-05-24 05:43
    关注

    没加载折线模块

     [
                    'echarts',
                                     'echarts/chart/line',//需要加载line模块
                    'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载
                ]
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 cmake+mingw使用<mysqlx/xdevapi.h>报错
  • ¥15 eNSP中防火墙的使用
  • ¥15 不能对数据库增删改但是可以查询
  • ¥15 在触控设备上启动TabTip.exe打不开键盘界面,怎么用代码启动进程打开界面
  • ¥15 关于#mlnet#的问题:mlnet相关请求(语言-c#)
  • ¥15 lvgl7.11怎么做出文字被选中的效果
  • ¥50 如何快速查看手机目标app的主要服务器ip
  • ¥15 (标签-stm32|关键词-m3)
  • ¥15 matlab中频率调制法代码的解读
  • ¥15 ceph的对象、块、文件相关问题求解答
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部