Хобрук: Ваш путь к мастерству в программировании

Элементы управления диаграммой ASP.NET — как создать эту гистограмму?

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

таблица выглядит так:

http://www.freeimagehosting.net/uploads/5d02ce1558.png

диаграмма, которую я хочу, будет выглядеть так:

''' 
''''
'''''       '' '  
'''''       '' '
ECCTMP      ECCTMP       ECCTMP   
Monday      Tuesday      Wednesday

надеюсь, это имеет смысл для каждого дня, сгруппированного по типу (электронная почта, звонки).

Я только сейчас понял, как это связать?

Билли


  • Можете ли вы дать более подробную информацию о внутренней структуре таблицы данных? 19.08.2010

Ответы:


1

Если вы хотите сгруппировать ряды на гистограмме, вам нужно будет использовать метод Chart.DataBindTable (MSDN).

Просто добавьте следующий код:

Chart1.DataBindTable(IEtable, "Day");

Это создаст диаграмму, которая выглядит примерно так: alt text

Вот некоторый фиктивный код для использования в качестве теста:

DataTable table = new DataTable();
table.Columns.Add("Day", typeof(string));
table.Columns.Add("Email", typeof(int));
table.Columns.Add("Calls", typeof(int));
table.Columns.Add("Contacts", typeof(int));
table.Columns.Add("Tasks", typeof(int));
table.Columns.Add("Meetings", typeof(int));
table.Columns.Add("Proposals", typeof(int));

table.Rows.Add("Monday", 1, 3, 3, 4, 5, 5);
table.Rows.Add("Tuesday", 1,6,8,2,0,3);
table.Rows.Add("Wednesday", 7, 6,3,0,2,1);
table.Rows.Add("Thursday", 1,5,5,9,3,1);
table.Rows.Add("Friday", 4,7,3,5,2,3);

//convert datatable to a IEnumerable form
var IEtable = (table as System.ComponentModel.IListSource).GetList();

//Bind the datatable to the chart using the DataBindTable method
Chart1.DataBindTable(IEtable, "Day");

Также возможно, чтобы метки отображались так, как вы описываете с помощью ECCTMP, но добавление легенды, вероятно, будет выглядеть чище.

19.08.2010
  • Этот код выглядит великолепно, спасибо, не могу дождаться, чтобы попробовать его. Я дам вам знать, как я получаю! 20.08.2010
  • Рад слышать, что это работает для вас. Также можно изменить метки, как вы написали в своем вопросе, чтобы они отображались как ECCTMP Monday, но я предположил, что Legend будет работать так же хорошо для вас. 20.08.2010
  • @Alison, это правильная столбчатая диаграмма. Если я хочу то же самое в гистограмме, то как мне это сделать? Я попробовал тот же код, но он выдает ошибку «Оси области диаграммы — область диаграммы содержит несовместимые типы диаграмм». Например, гистограммы и гистограммы не могут находиться в одной и той же области диаграммы. Я считаю, что что-то отсутствует в разметке. 21.03.2013
  • @Rishi: я не могу изменить / обновить ответ здесь, но опубликовать новый вопрос, и я могу ответить на него для вас. 21.03.2013
  • @Элисон, спасибо за ответ. Я уже разместил вопрос. Вот ссылка, stackoverflow.com/questions/15553875/ 21.03.2013
  • Новые материалы

    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

    Как свинг-трейдеры могут использовать ИИ для больших выигрышей
    По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..

    Как построить любой стол
    Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...

    Обзор: Машинное обучение: классификация
    Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..

    Разработка расширений Qlik Sense с qExt
    Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..