评论：柱状图、折线图、饼状图 等图表插件  [查看原文]

西瓜1
2020/8/12 10:37:45

直接给div容器加样式就行了


<div id="container" style="width: 500px;height: 200px"></div>

-0
2019/3/11 22:24:48
或者缩放窗口才出来

areyouOk0
2019/3/11 22:45:18
我这里测试没有遇到你这样的问题。

-0
2019/3/12 10:59:05
页面初始化时 要从后台调数据显示，要怎么写

W0
2019/6/3 0:04:46
你这个 问题怎么解决的我也有这个问题

ASmallFirm丶0
2020/5/6 10:17:42
我也有这个问题

发现一个问题，  【JQuery饼状图演示】 中，那个鼠标移动到提示内容上，提示的信息不正确。

tooltip: {
        enabled: true,
        formatter: function() {
            return '' + this.x + this.name + ': ' + Highcharts.numberFormat(this.y, 1) + "%";
        }
},

this.x 和 this.name 都没有显示出标题来

ASmallFirm丶1
2020/5/6 9:39:22
this.name 改成 this.point.name

AXin_0
2018/7/30 11:28:36
下载下来了吗

就这样吧。0
2018/8/16 9:29:31
我想要点 jq币

晨星0
2018/12/8 12:05:21
用JQUERY 3.21版本的话，渲染后线条不显示，需要调整浏览器窗口大小后才显示，正在寻找解决办法

AXin_0
2018/7/30 11:41:19
+1

老哥，为什么我压缩成指定data只赋值中间一位，比如“一月份北京”上传的是304，结果只显示0
我的压缩格式

Map map1 = new HashMap();  
       map1.put("name", "两厢轿车");
       map1.put("data", sales1.toArray());
       
       Map map2 = new HashMap();  
       map2.put("name", "三厢轿车");
       map2.put("data", sales2.toArray());
       
       Map map3 = new HashMap();  
       map3.put("name", "跑车");
       map3.put("data", sales3.toArray());
       
       Map map4 = new HashMap();  
       map4.put("name", "SUV");
       map4.put("data", sales4.toArray());
       
       Map map5 = new HashMap();  
       map5.put("name", "MPV");
       map5.put("data", sales5.toArray());
       
       List<Map> data = new ArrayList<Map>();
       data.add(map1);
       data.add(map2);
       data.add(map3);
       data.add(map4);
       data.add(map5);
       
       JSONArray jsonObject = JSONArray.fromObject(data); 
       System.out.println("admin_imgup.java中data：" + jsonObject);
       String result = jsonObject.toString();
       PrintWriter out = response.getWriter();
       out.print(result);

DEMON0
2018/6/5 13:04:14

控制台输出也没问题

[{
    "name": "两厢轿车",
    "data": ["500", "420", "330", "420", "544", "525", "344", "265", "233", "183", "96", "139"]
}, {
    "name": "三厢轿车",
    "data": ["40", "29", "55", "245", "184", "115", "352", "365", "233", "383", "239", "36"]
}, {
    "name": "跑车",
    "data": ["140", "129", "155", "145", "284", "215", "152", "165", "133", "283", "136", "189"]
}, {
    "name": "SUV",
    "data": ["39", "42", "57", "85", "119", "152", "170", "166", "142", "103", "66", "48"]
}, {
    "name": "MPV",
    "data": ["44", "272", "257", "285", "119", "152", "270", "366", "342", "303", "366", "481"]
}]

DEMON0
2018/6/5 13:05:52

但是显示到前台总是变成 比如上边的

["500","420","330","420","544","525","344","265","233","183","96","139"]

就显示成


["0","2","3","2","4","2","4","6","3","8","9","3"]

的效果

请叫我老曹??0
2018/6/8 0:08:45
这边能否打包一下代码。

sunshine.0
2018/5/30 17:27:39
我知道怎么搞了

楔子?0
2018/6/2 16:35:46
能不能把这个插件分享一下给我呢

Albert0
2018/4/28 10:05:36
可以的 调整一下文字排版的样式就可以了

ASmallFirm丶1
2020/5/6 9:40:41

this.name 改成 this.point.name


 tooltip: {
     enabled: true,
     formatter: function() {
         return '<b>' + this.point.name + '</b><br/>' + this.point.name + ': ' + Highcharts.numberFormat(this.y, 1) + "百万";
     },
 },