Как создавать график имея X и Y как цепи?

Я нуждаюсь в том, что ось X содержите список работ, и что ось Y содержите список трудящихся. Немного как это:

introducir la descripción de la imagen aquí

Это - то, что я стараюсь делать:

var categoriesX = ["Labor1", "Labor2", ...];
var categoriesY = ["Persona1", "Persona2", ...];
$(chartId).highcharts({
    // No se qué tipo de gráfico podría usar
    ...
    xAxis: {
        categories: categoriesX,    
        title: {
            text: null
        }
    },
    yAxis: {
        categories: categoriesY,
        title: {
            text: null,
        },
    }
    ...
}

Но: как он смог бы renderizar стоимость используя нотацию (x,y) если так x и y это цепи текста?: возможно или лучшее решение существует?

Замечание:

Который мог бы решать это создавая какой-то тип таблицы HTML, который менял бы данные dinámicamente, но у меня есть другие графики в том же виде и я хотел бы, чтобы он был также, представьтесь как график.


Cross-post в Стакк Оверфлов

1
задан 23.05.2017, 15:39
1 ответ

В действительности мне не очень ясно каков это вопрос, который ты пробуешь ответить с графиком, который ты будешь реализовывать. Более того, иногда даже не необходимо показывать график. В нескольких случаях с простой таблицей это достаточно, чтобы извлекать информацию, в которой ты нуждаешься данных.

Сказанный это, согласно ограничениям, которые ты выдвигаешь, и книжному магазину, который ты используешь, самое близкое состояло бы в том, чтобы использовать heatmap.

heatmap полезные, когда у тебя есть большое количество данных, которых ты хочешь отобразить, общего способа, и ты хочешь идентифицировать "теплые точки" а именно, стоимость, которая выступает на оставшейся части.

Хороший пример этого графика - те, которые он показывает github публичных вкладов, смотрит эту Армина Ронэкэр создатель Flask:

introducir la descripción de la imagen aquí

В highcharts у heatmap есть ось X и ось Y как любая другая картезианская серия. Определение точек, однако, требует трех типов стоимости, x, y и также value, который служит как ссылка для интенсивности цвета (в большую большую стоимость интенсивность).

Для твоего случая, это пример как определять оси X, Y и набор данных (понимая, что это продолжительность службы в минутах каждой активности):

   var xAxis = {
      categories: ['Armado', 'Embalaje', 'Embalaje clamshell', 'seleccion'],
   };

   var yAxis = {
      categories: ['Yesenia Kat', 'Micaela', 'Marilu', 'Dany'],
      title: null
   };

   data: [[0, 0, 89.5], [0, 1, 50.5], [0, 2, 46.17] ... ] // No pongo todos los datos

Например [0, 0, 89.5] он говорит нам, что в Yesenia я беру 89.5 минуты заканчивать вооруженного.

Здесь я присоединяю код для того, чтобы ты наблюдал, как остался бы график.

http://jsfiddle.net/2tm8aw4j/2/

Замечание:

  • Существуют другие выборы, чтобы показывать данные об этом типе, однако, они мне не показались осуществленными в highcharts.

  • Я рекомендую тебе, чтобы выбирать графики, читать раньше Which диаграмма or graph is right for you?

7
ответ дан 24.11.2019, 15:00
  • 1
    Превосходный, если я думаю, что это самое близкое к тому, что я хочу реализовать. Поскольку я поместил в замечании, больше f и # 225; cil быть и # 237; чтобы использовать простую таблицу, но quer и # 237, то есть, если было возможно создавать один грамм и # 225; fico начиная с этого informaci и # 243; n. – César 13.01.2016, 13:59