使用Jquery HighChart在条形图中附加带值的字符串

使用Jquery HighChart在条形图中附加带值的字符串,jquery,charts,highcharts,Jquery,Charts,Highcharts,我想用highchart创建自定义条形图…请帮助我。。。。 这是我的密码 $(function () { var chart; var datasety = ["55","27","63","54","35"]; for(i=0;i<datasety.length;i++) { datasety[i] = parseFloat(datasety[i]); } var datasetx = new Array();

我想用highchart创建自定义条形图…请帮助我。。。。 这是我的密码

$(function () {
    var chart;

    var datasety = ["55","27","63","54","35"];

    for(i=0;i<datasety.length;i++)
    {
        datasety[i] = parseFloat(datasety[i]);

    }

    var datasetx = new Array(); 
    datasetx = ['aa','bb','cc','dd','ee'];


    $(document).ready(function() {

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column',
                margin: [ 50, 50, 100, 80]
            },
            title: {
                text: 'World\'s largest cities per 2008'
            },
            xAxis: {
                categories: datasetx,
                labels: {
                    enabled: false,
                    rotation: -45,
                    align: 'right',
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Population (millions)'
                }   

            },
            legend: {
                enabled: false
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.x +'</b><br/>'+
                        'Population in 2008: '+ Highcharts.numberFormat(this.y, 1) +
                        ' millions';
                }
            },
            series: [{
                name: 'Population',
                data: datasety,


                    enabled: true,
                    rotation: -90,
                    color: '#FFFFFF',
                    align: 'right',
                    x: 4,
                    y: 10,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            }]
        });

});

});
$(函数(){
var图;
var数据集=[“55”、“27”、“63”、“54”、“35”];

对于(i=0;i这是工作的代码:

$(function () {

都是一样的。删除第二个,
$(document).ready(function(){
),代码就可以工作了。
此外,您还有一个语法错误

series: [{
            name: 'Population',
            data: datasety,


                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                x: 4,
                y: 10,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            } <--- EXTRA, delete it
        }]
系列:[{
姓名:'人口',
数据:datasety,
启用:对,
轮换:-90,
颜色:“#FFFFFF”,
对齐:“右”,
x:4,
y:10,
风格:{
fontSize:'13px',
fontFamily:“Verdana,无衬线”
}

}您可以使用

chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column',
            margin: [ 50, 50, 100, 80]
        },
        title: {
            text: 'World\'s largest cities per 2008'
        },
        xAxis: {
            categories: datasetx,
            labels: {
                enabled: false,
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Population (millions)'
            }   

        },
        plotOptions:{ // for different color of bar
            series:{ colorByPoint: true}
        },
        legend: {
            enabled: false
        },
        tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    'Population in 2008: '+ Highcharts.numberFormat(this.y, 1) +
                    ' millions';
            }
        },
        series: [{
            name: 'Population',
            data: datasety,

            dataLabels: {
                formatter:function(){   // for format value 
                    return 'USD'+this.y
                    },
                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                x: 4,
                y: 10,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        }]
    });
chart=新高度图表。图表({
图表:{
renderTo:'容器',
键入:“列”,
保证金:[50,50,100,80]
},
标题:{
文字:“2008年世界最大城市”
},
xAxis:{
类别:数据集,
标签:{
启用:false,
轮调:-45,
对齐:“右”,
风格:{
fontSize:'13px',
fontFamily:“Verdana,无衬线”
}
}
},
亚克斯:{
分:0,,
标题:{
正文:“人口(百万)”
}   
},
绘图选项:{//用于不同颜色的条形图
系列:{colorByPoint:true}
},
图例:{
已启用:false
},
工具提示:{
格式化程序:函数(){
返回“+this.x+”
+ “2008年人口:”+Highcharts.numberFormat(this.y,1)+ “百万”; } }, 系列:[{ 姓名:'人口', 数据:datasety, 数据标签:{ 格式化程序:函数(){//用于格式化值 返回“USD”加上这个。y }, 启用:对, 轮换:-90, 颜色:“#FFFFFF”, 对齐:“右”, x:4, y:10, 风格:{ fontSize:'13px', fontFamily:“Verdana,无衬线” } } }] });
预期结果是什么?错误是什么?
chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column',
            margin: [ 50, 50, 100, 80]
        },
        title: {
            text: 'World\'s largest cities per 2008'
        },
        xAxis: {
            categories: datasetx,
            labels: {
                enabled: false,
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Population (millions)'
            }   

        },
        plotOptions:{ // for different color of bar
            series:{ colorByPoint: true}
        },
        legend: {
            enabled: false
        },
        tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    'Population in 2008: '+ Highcharts.numberFormat(this.y, 1) +
                    ' millions';
            }
        },
        series: [{
            name: 'Population',
            data: datasety,

            dataLabels: {
                formatter:function(){   // for format value 
                    return 'USD'+this.y
                    },
                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                x: 4,
                y: 10,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        }]
    });