加载中
顶一个,eclipse的jdk版本的地方还蛮多的
@哈全文
如果你遇到了 Unsupported major.minor version ,请认真看一下,说不定会有帮助。 我...
学习了。
@红薯
HTML5, CSS3 以及其他相关技术例如 Canvas、WebSocket 等等将 Web 应用开发带到了一个...
编程小强 2015/05/18 11:06 评论了动弹:
回复 @youmings : 这个我不太清楚,我是刚接触Echarts的,看了document过来试试手
@youmings
@Kener-林峰 峰哥, echarts在IE10下 鼠标点击,hover都没用,toolbox也点不了。这是bug吗 ?尝试手动改变了hover层canvas的z-index并没有用,不知道如何解决呢?峰哥
您的针对xAxis换行的方法非常有效果,我还想知道你贴的代码中的后一个function瀑布加载是干什么的,与这个解决办法有关系吗?
@1135978748
@Kener-林峰 你好,想跟你请教个问题: 前辈 请问 axisLabel 的值没有换行的属性吗? 怎么让它换行?
你可以将百分比的值设置到图表外面啊,这样就不会遮着了
@凌凌暖暖
@Kener-林峰 你好,想跟你请教个问题:echarts饼图控件,option设置itemStyle .norm...
编程小强 2015/05/15 00:02 回答了问题: echarts柱状图圆角问题

下面这样设置是可以出现柱圆角效果的啊

itemStyle: {

            normal: {
                barBorderRadius: 10
            },
            emphasis: {
                barBorderRadius: 10
            }
        },
@千凉凉心
echarts柱状图 barBorderRadius[4,4,4,4] 这属性设置无效,各个级别都放置过 求解答
编程小强 2015/05/14 23:14 回答了问题: echarts如何去除背景中的网格
请参考splitLine属性设置,只要设置为splitLine:{show: false}就可以去除网格了
@youmings
@Kener-林峰 你好,想跟你请教个问题:echarts的grid好像没有提供调整背景网格的api 。 背景网格...
回复 @FloraLi : 这个可以根据你的option计算出来啊。
@FloraLi
Echart 可以将堆积柱状图的竖直一列的数值计算出来,显示在最上边,单个不显示数值,我现在可以做到,将单个小的b...
编程小强 2015/05/12 17:18 回答了问题: echarts显示文字及虚实线交替显示
可以讲您如何做的代码分享下么
@sky54
@Kener-林峰 你好,想跟你请教个问题:http://echarts.baidu.com/doc/exampl...
编程小强 2015/05/12 16:20 回答了问题: Echarts折线图线条样式问题
看来是不支持的,林峰在这个帖子中回答了http://www.oschina.net/question/2244363_172994
@觉醒的萝卜
@Kener-林峰 你好,想跟你请教个问题:Echarts折线图怎么自定义两节点间线条样式. 另外还有个问题就是可...

我的方法可能有点老土,在其中label中加一个formatter计算

代码如下:

var option = {
            tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器,坐标轴触发有效
                    type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
                }
            },
            legend: {
                data:['直接访问','邮件营销','联盟广告','视频广告']
            },
            toolbox: {
                show : true,
                orient: 'vertical',
                x: 'right',
                y: 'center',
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['周一','周二','周三','周四','周五','周六','周日']
                }
            ],
            yAxis : [
                {
                    type : 'value'
                }
            ],
            series : [
                {
                    name:'直接访问',
                    type:'bar',
                    itemStyle:{
                        normal:
                        {
                            label:{
                                show:true,
                                position:'top'
                            }
                        }
                    },
                    data:[320, 332, 301, 334, 390, 330, 320]
                },
                {
                    name:'邮件营销',
                    type:'bar',
                    stack: '广告',
                    data:[120, 132, 101, 134, 90, 230, 210]
                },
                {
                    name:'联盟广告',
                    type:'bar',
                    stack: '广告',
                    data:[220, 182, 191, 234, 290, 330, 310]
                },
                {
                    name:'视频广告',
                    type:'bar',
                    stack: '广告',
                    itemStyle:{
                        normal:
                        {
                            label:{
                                show:true,
                                position:'top',
                                formatter: function(params) {
                                    //计算汇总值
                                    var name = params.name;
                                    var index;  //x轴序列顺序
                                    for (var i = 0; i < option.xAxis[0].data.length; i++) {
                                        if (name == option.xAxis[0].data[i]) {
                                            index = i;
                                            break;
                                        }
                                    }
                                    var total = 0;
                                    for (var i = 0; i < option.series.length; i++) {
                                        if (option.series[i].stack == params.series.stack) {
                                            total +=  option.series[i].data[index];
                                        }
                                    }
                                    return total;
                                },
                                textStyle: {
                                    color: 'red'
                                }
                            }

                        }
                    },
                    data:[150, 232, 201, 154, 190, 330, 410]
                }
            ]
        };



@FloraLi
Echart 可以将堆积柱状图的竖直一列的数值计算出来,显示在最上边,单个不显示数值,我现在可以做到,将单个小的b...
编程小强 2015/05/12 13:40 回答了问题: echars 如何实现三级下钻

你说的是矩形树图么,是可以实现多级下钻取的.

option = {
    title : {
        text: '手机占有率',
        subtext: '数据下钻例子,虚构数据'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{b}: {c}"
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : false,
    series : [
        {
            name:'矩形图',
            type:'treemap',
            itemStyle: {
                normal: {
                    label: {
                        show: true,
                        formatter: "{b}"
                    },
                    borderWidth: 1,
                    borderColor: '#ccc'
                },
                emphasis: {
                    label: {
                        show: true
                    },
                    color: '#cc99cc',
                    borderWidth: 3,
                    borderColor: '#996699'
                }
            },
            data:[
                {
                    name: '三星',
                    itemStyle: {
                        normal: {
                            color: '#99cccc',
                        }
                    },
                    value: 6,
                    children: [
                        {
                          name: 'Galaxy S4',
                            value: 2,
                          children: [
                            {
                            name: '中国',
                            value: 20
                            },
                            
{
                            name: '美国',
                            value: 20
                            }
                            
                          ]
                        },
                        {
                            name: 'Galaxy S5',
                            value: 3
                        },
                        {
                            name: 'Galaxy S6',
                            value: 3
                        },
                        {
                            name: 'Galaxy Tab',
                            value: 1
                        }
                    ]
                },
                {
                    name: '小米',
                    itemStyle: {
                        normal: {
                            color: '#99ccff',
                        }
                    },
                    value: 4,
                    children: [
                        {
                            name: '小米3',
                            value: 6
                        },
                        {
                            name: '小米4',
                            value: 6
                        },
                        {
                            name: '红米',
                            value: 4
                        }
                    ]
                },
                {
                    name: '苹果',
                    itemStyle: {
                        normal: {
                            color: '#9999cc',
                        }
                    },
                    value: 4,
                    children: [
                        {
                            name: 'iPhone 5s',
                            value: 6
                        },
                        {
                            name: 'iPhone 6',
                            value: 3
                        },
                        {
                            name: 'iPhone 6+',
                            value: 3
                        }
                    ]
                },
                {
                    name: '魅族',
                    itemStyle: {
                        normal: {
                            color: '#ccff99',
                        }
                    },
                    value: 1,
                    children: [
                        {
                            name: 'MX4',
                            itemStyle: {
                                normal: {
                                    color: '#ccccff',
                                }
                            },
                            value: 6
                        },
                        {
                            name: 'MX3',
                            itemStyle: {
                                normal: {
                                    color: '#99ccff',
                                }
                            },
                            value: 6
                        },
                        {
                            name: '魅蓝note',
                            itemStyle: {
                                normal: {
                                    color: '#9999cc',
                                }
                            },
                            value: 4
                        },
                        {
                            name: 'MX4 pro',
                            itemStyle: {
                                normal: {
                                    color: '#99cccc',
                                }
                            },
                            value: 3
                        }
                    ]
                },
                {
                    name: '华为',
                    itemStyle: {
                        normal: {
                            color: '#ccffcc',
                        }
                    },
                    value: 2
                },
                {
                    name: '联想',
                    itemStyle: {
                        normal: {
                            color: '#ccccff',
                        }
                    },
                    value: 2
                },
                {
                    name: '中兴',
                    itemStyle: {
                        normal: {
                            color: '#ffffcc',
                        }
                    },
                    value: 1,
                    children: [
                        {
                            name: 'V5',
                            value: 16
                        },
                        {
                            name: '努比亚',
                            value: 6
                        },
                        {
                            name: '功能机',
                            value: 4
                        },
                        {
                            name: '青漾',
                            value: 4
                        },
                        {
                            name: '星星',
                            value: 4
                        },
                        {
                            name: '儿童机',
                            value: 1
                        }
                    ]
                }
            ]
        }
    ]
};
var ecConfig = require('echarts/config');
function focus(param) {
    var data = param.data;
    
    var children = data.children;
    if (children) {
        var newOption = $.extend({},option);
        newOption.series[0].data = children;
        myChart.setOption(newOption, true);
    }
    console.log(data);
    
}
myChart.on(ecConfig.EVENT.CLICK, focus);
                    

@luxiangping
@Kener-林峰 你好,想跟你请教个问题:echars 如何实现三级下钻可以给出一个具体的参考例子不?

的确出现了这个问题

option = {
    title : {
        text : '时间坐标折线图',
        subtext : 'dataZoom支持'
    },
    tooltip : {
        trigger: 'item',
        formatter : function (params) {
            var date = new Date(params.value[0]);
            data = date.getFullYear() + '-'
                   + (date.getMonth() + 1) + '-'
                   + date.getDate() + ' '
                   + date.getHours() + ':'
                   + date.getMinutes();
            return data + '<br/>'
                   + params.value[1] + ', ' 
                   + params.value[2];
        }
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    dataZoom: {
        show: true,
        start : 0
    },
    legend : {
        data : ['series1']
    },
    grid: {
        y2: 80
    },
    xAxis : [
        {
            type : 'time',
            splitNumber:10
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name: 'series1',
            type: 'line',
            showAllSymbol: true,
            symbolSize: function (value){
                return Math.round(value[2]/10) + 2;
            },
            data: (function () {
                var d = [];
                var len = 0;
                var now = new Date();
                var value;
                while (len++ < 1) {
                    d.push([
                        new Date(2000, 9, 1, 0, len * 10000),
                        (Math.random()*30).toFixed(2) - 0,
                        (Math.random()*100).toFixed(2) - 0
                    ]);
                }
                return d;
            })()
        }
    ]
};
                    


@cjl_
当x轴为时间类型时而且设置了splitNumber 后,当数据点个数只有一个时,x轴时显示从1970年开始的
编程小强 2014/12/25 12:25 回答了问题: javaweb怎么处理jsp页面的缓存
可以的
@一个人眺望碧海和蓝天
最近做项目jsp页面比较多 想问问大牛们在不使用框架的情况下怎么处理jsp页面的缓存问题
很好的总结,学习了
@ddatsh
Oracle中不是提交越频繁越好,批量提交可以得到更好的性能 逐行提交于批量提交两者之间的性能差别 一种可以极大改...
编程小强 2013/07/30 19:12 回答了问题: Oracle 11g 的新特性 —— 虚拟列
这绝对是个很好的特性
@红薯
今天我将为大家解释 Oracle 11g 数据库的新特性 —— 虚拟列 介绍 在老的 Oracle 版本,当我们需...
编程小强 2013/07/05 01:14 回答了问题: IBM 的一些免费软件下载地址大全
这个帖子很好!!!
@红薯
IBM 各个品牌(IM、Lotus、WebSphere、Tivoli、Rational)软件产品基本都支持 Lin...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部