如何禁用Highchart单位显示无

温暖的

我正在尝试拥有一个Highcharts-Spiderweb(如此演示),但我需要更新/硬编码yAxis值。我还需要对它们的颜色,字体和大小进行样式化。你能让我知道怎么做吗?有什么方法可以停止显示默认单位而仅显示图表?

$(function () {

    $('#container').highcharts({

        chart: {
            polar: true,
            type: 'line'
        },

        title: {
            text: 'Budget vs spending',
            x: -80
        },

        pane: {
            size: '80%'
        },

        xAxis: {
            categories: ['Sales', 'Marketing', 'Development', 'Customer Support', 
                    'Information Technology', 'Administration'],
            tickmarkPlacement: 'on',
            lineWidth: 0
        },

        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0
        },

        tooltip: {
            shared: true,
            pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
        },

        legend: {
            align: 'right',
            verticalAlign: 'top',
            y: 70,
            layout: 'vertical'
        },

        series: [{
            name: 'Allocated Budget',
            data: [43000, 19000, 60000, 35000, 17000, 10000],
            pointPlacement: 'on'
        }, {
            name: 'Actual Spending',
            data: [50000, 39000, 42000, 31000, 26000, 14000],
            pointPlacement: 'on'
        }]

    });
});

谢谢

博士 萨拉胡丁
$(function () {

$('#container').highcharts({

    chart: {
        polar: true,
        type: 'line'
    },

    title: {
        text: 'Budget vs spending',
        x: -80
    },

    pane: {
        size: '80%'
    },

    xAxis: {
        categories: ['Sales', 'Marketing', 'Development', 'Customer Support', 
                'Information Technology', 'Administration'],
        tickmarkPlacement: 'on',
        lineWidth: 0
    },

    yAxis: {
        gridLineInterpolation: 'polygon',
        lineWidth: 0,
        min: 0,
        labels: {
          formatter: function() {
             return null;
          }
        },
        title: {
            text: '10'
        },            
    },

    tooltip: {
        shared: true,
        pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
    },

    legend: {
        align: 'right',
        verticalAlign: 'top',
        y: 70,
        layout: 'vertical'
    },

    series: [{
        name: 'Allocated Budget',
        data: [43000, 19000, 60000, 35000, 17000, 10000],
        pointPlacement: 'on'
    }, {
        name: 'Actual Spending',
        data: [50000, 39000, 42000, 31000, 26000, 14000],
        pointPlacement: 'on'
    }]

 });
});

您还可以查看http://www.highcharts.com/docs/chart-design-and-style/colors了解颜色和样式

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Android highchart 如何禁用导出按钮?

如何禁用在 .htaccess 中显示文件和无样式索引页?

如何识别 HighChart 是否显示在屏幕上?

如何使用无单位CSS变量并在以后添加所需的单位?

如何显示datetime()值(以毫秒为单位)

如何以用户选择的单位显示温度

如何使“显示:无”元素出现

删除时显示无 CSS 规则禁用 JS 代码

如何将 FontSize 的默认单位禁用为“Unit”,并强制使用显式单位定义?

如何禁用窗口“显示”动画?

如何删除选项字段中的无显示?

滑轨。如何显示无记录的“ N / A”?

如何找到“显示:无”元素的尺寸?

如何收集表格行显示==“无”?

如何将数据显示为线性highChart?

如何在单个页面中显示多个Highchart

如何仅在HighChart的yAxis上显示整数值?

我们如何显示负值的 Highchart 列放置图表?

如果MySql字段为空/空/无,如何禁用标题

如何在Fedora上禁用“无响应”消息

如何以编程方式禁用Facebook无代码事件?

如何使用PHP Webdriver在Chrome(无头)中禁用Javascript

如何禁用Eclipse内容帮助中的“无默认提案”?

如何以分钟为单位显示php microtime?

如何获得要代替“ ID”显示的单位编号

如何显示所有`fsck`单位的日记消息

如何以天:小时:分钟:秒为单位显示毫秒

如何显示具有透明背景的菜单位图

如何以ssms为单位显示执行时间?