彩票走势图

Highcharts使用教程(7):类名和默认数列类型

原创|使用教程|编辑:龚雪|2014-06-20 10:02:23.000|阅读 924 次

概述:本节Highcharts使用教程讲解Highcharts类名 (className )和默认数列类型 (defaultSeriesType )。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

一、className 类名

Highcharts给图表容器div加一个class,方便为每个图表单独加CSS样式

每张图表的默认值为: ""。

二、defaultSeriesType 默认数列类型 

Highcharts type的别名,取值还有"line, spline, scatter, splinearea bar, pie, area, column"等。

highcharts默认数列类型 

示例图代码:

$(function () {
    $('#container').highcharts({
        chart: {
            defaultSeriesType: 'bar'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {   
        },
        legend: {
            layout: 'vertical',
            floating: true,
            backgroundColor: '#FFFFFF',
            align: 'right',
            verticalAlign: 'top',
            y: 60,
            x: -60
        },
        tooltip: {
            formatter: function() {
                return '<b>'+ this.series.name +'</b><br/>'+
                    this.x +': '+ this.y;
            }
        },
        plotOptions: {
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});

下载Highcharts图表工具:Highcharts 4.0


标签:图表highcharts

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP