Hightchart меняет дизайн и функциональность

Question

Hightchart меняет дизайн и функциональность

0

Я пытаюсь создать приложение hight chart.i написал код, и я получил hightchart, как это

это мой исходный код

http://jsfiddle.net/gkatsarava/Zp3au/1/

это часть моего кода

$(function () {
 Highcharts.setOptions({
            colors: ['#05D3F8', '#D1E751', '#25E4BC', '#F3D915', '#FF7E00', '#FF0C96', '#F100F3']});

    $('#container').highcharts({

        chart: {
          backgroundColor: 'transparent'  
        },
        title: {
            text: ''
        },
        exporting: {
        enabled: false
        },

        xAxis: {
            categories: ['XXXX', 'XXXX', 'XXXX'],
            labels: {
            style: {
                fontSize:'10px'
            }
            }
        },
        yAxis: {
            title: {text: 'TEXT - TEXT'},
            plotLines:[{
            value : 80,
            color: 'red',
                  dashStyle: 'shortdash',
                  width: 2,
        }],
        },
        tooltip: {
            headerFormat: '<span style="font-size:13px;color:{series.color}">{series.name}</span><br>',
            pointFormat: "valuess: {point.y:.2f}%"

        },
        legend: {
                enabled: false,
         },
        labels: {

        },
        plotOptions: {
        column: {
            dataLabels: {
                enabled: true,
                useHTML: true,
                formatter: function() {

                }
            }
        },
        series: {
        }
    },
        series: [{
            type: 'column',
            name: 'XXXX',
            data: [10],
            id:'1'
        }, {
            type: 'column',
            name: 'XXXX',
            data: [40],
            id:'2'
        }, {
            type: 'column',
            name: 'XXXX',
            data: [80],
            id:'3'
        }]
    }, function (chart) {

  // bind events to your own custom legend
  $('#my-legend').on('click', 'div', function (e) {
    var el = e.target,
        id = el.getAttribute('data-id'),
        series = chart.get(id);

    series.setVisible(!series.visible);
  });
});
});

У меня три диаграммы, и я хочу объединить все эти диаграммы в них. если кто-то имеет опыт hightchart, помогите мне, пожалуйста. Я не знаю, как я решил эту проблему, спасибо

user3345767 01 апр. 2014, в 11:02

Источник

Теги:

javascript

jquery

highcharts

1 ответ

Ещё вопросы

nunivek · Answer 1 · 2014-04-01T06-58-00.000Z

Я не уверен, что вы подразумеваете под "единицей" диаграмм, но документация Highcharts полна хороших примеров. Вы хотите иметь что-то вроде этого? Это довольно просто, вам просто нужно построить свою серию, как в примере.

EDIT: Вот скрипка с вашими данными.

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Example'
        },
        colors: ['#05D3F8', '#D1E751', '#25E4BC'],
        xAxis: {
            categories: ['X', 'Y', 'Z']
        },
        series: [{
            name: 'Blue',
            data: [10, 10, 10]

        }, {
            name: 'Yellow',
            data: [40, 40, 40]

        }, {
            name: 'Green',
            data: [80, 80, 80]

        }]
    });
});

Мейбе, ты меня не понял. я хочу получить как этот результат ( postimg.org/image/f6s29dx2x )
Если проблема была только в красных пунктирных линиях, вы должны были сказать об этом прямо во-первых ...