Вопросы с тегами [charts]

1

голосов
0

ответ
622

Просмотры

Не удается прочитать свойство «DataTable» неопределенных в Google картах

как название говоря им получать эту ошибку при попытке получить графики внутри функции в другом файле, как эта функция functions.php get_likes ($ CatID) {требуют (__FILE имя-каталога __) «/ dbfunction.php». ?> Google.charts.load ( 'тока', { 'пакетов': [ 'corechart']}); а =; б =; с =; я =; ///// это я петельные с идентификатором 31 и 32 google.charts.setOnLoadCallback (функция () {DrawChart (а, б, в, г)}); //// Но этот цикл и техника его подводит печатает одну диаграмму для ид 31. Потому что, когда я делаю предупреждения (I) внутри DrawChart он предупреждает два раза 31 и 31. ; б =; с =; я =; DrawChart (а, б, в, г)});
Samir Daraf
1

голосов
0

ответ
373

Просмотры

Добавление легенды в виде круговой диаграммы в chart.js

Я использую chart.js добавить в легенде к моей круговой диаграмме, но потому, что я эта ссылка, https://jsfiddle.net/red_stapler/9931gjh6/11/, чтобы сделать это, я не уверен, как это работает. К сожалению, я только начал изучать, как создать круговую диаграмму таким образом, есть много вещей, которые я еще слаб. Я хочу, чтобы в моей легенде, где он показывает красным, как количество опасной зоны, желтое, как нормальная зона и зеленая, как безопасная зона. Пример что-то вроде этого: красный цвет -> будет сказать, «300% находятся в опасной зоне» Я знаю, что для chart.js я должен использовать что-то вроде этого, а потому что это совершенно разные по ссылке, которую я использовал, я не уверен, , Так что кто-то может мне помочь? Большое спасибо Первоначально: вар диаграмма = новая диаграмма (CTX, {типа: 'строка', данные: данные, параметры: {legendCallback: функция (график) {// Возвращает строку HTML здесь. }}}); Так как создать легенду, основанную на jsfiddle?
blastme
1

голосов
1

ответ
37

Просмотры

Chart.js добавляет вторую линию значения в первом

У меня есть бар / линейный график на моей странице и есть две строки и четыре бара значения. Первая линия среднее значение, то есть одна прямая линия, так что это массив, который заполняется с таким же номером. Вторая строка имеет различные значения, которые не связаны с первым номером строки. Думаю, что первая линия поднимает вторую линию ?? Когда я нажимаю, чтобы включить среднюю линию, то вторая линия идет в нужном месте. Является ли это ошибка или я сделал что-то не так? Вот это код: вар ctx_bar = document.getElementById ( "точки") getContext ( '2d');. вар средний = Array.apply (нуль, массив (points_order [0] .length)) отображение (Number.prototype.valueOf, glob_pisteet [4] [3]). trows_chart = новая диаграмма (ctx_bar, {типа: 'бар', данные: {метки: points_order [4], наборы данных: [{тип: 'строка', этикетка: 'средний'
pinq-
1

голосов
1

ответ
155

Просмотры

Создание нескольких диаграмм Smoothie.js в течение () петель

Я пытался использовать Smoothie.js, чтобы сделать некоторые диаграммы использования CPU (нечто похожее на примере загрузки сервера). Я сделал для () цикла, чтобы создать таймсерии и элемент SmoothieChart для каждого ядра, то небольшая функция обновления, чтобы добавить последние данные о нагрузке (заменено в приведенном ниже фрагменте кода с помощью случайной функции ()) для каждой серии. Тем не менее, только последняя диаграмма показывает правильно, остальные оставлены пустыми. Быстрый взгляд через инспектор показал, что все серии и графики были созданы и переплетены, но функция Append из первых трех серий не работала (даже добавление данных вручную через консоль не работает, а внутренний массив данных серии не обновляется). Я не понимаю, почему функции на основе примера работы, но мой цикл на основе один не делает. Есть ли что-то не так в моем коде? Является ли это ошибка в льстец? См фрагмент кода ниже: Const Контейнер = document.getElementById ( "charts_container"); константные данные = {ядра: 4}; // Источник через НУЮ библиотеку сопзЬ = процессоры [1, 2, 3, 4]; вар серии = []; вар диаграммы = []; // Для каждого ядра ... для (вар I = 0; я <data.cores; я ++) {// Создать некоторый DOM container.innerHTML + = `CORE # $ {г} '; // Создать новый TimeSeries series.push (новые TimeSeries ()); // Создание новой диаграммы позволяют Серию = ряд [я]; пусть диаграммы = новый SmoothieChart (); chart.addTimeSeries (Серия); chart.streamTo (document.getElementById ( `cpu_canvas _ $ {я}`), 500); charts.push (график); } // Инициализировать серии Updater updateInfo (); вар infoUpdater = setInterval (() => {updateInfo ();}, 500); функционировать updateInfo () {cpus.forEach ((Е, я) => {серии [я] .append (новая дата () GetTime (), Math.random () * 100). // Пример данных}); } / * Немного CSS поэтому этот фрагмент кода не повредит ваши глаза слишком много * / #charts_container> DIV {дисплей: сгибать; Flex-направление: строка; выравнивать-элементы: центр; Маржа: 15px; } H1 {размер шрифта: 1.2em; семейство шрифтов: без засечек; Маржа направо: 15px; } {Холст цвет фона: черный; }
Squared
1

голосов
1

ответ
550

Просмотры

How to set Value Axis Label Format on QML from milliseconds to mm:ss?

Фон Я использую QtCreator и у меня есть файл с именем myScopeView.qml, который представляет собой вид области действия, подобный пример, приведенный здесь. В myScopeView.qml, есть ChartView, который обновляется каждый второй с таймером, так что график изменения значения по оси X и оси Y. Ось Х представляет время, выраженное в миллисекундах (целочисленных значений), из-за сбора данных, а Y ось представляет значения напряжения (характеризуется как целые значения). Задача График показывает значения оси X, как целое, т.е. 123456789, но хотелось бы, чтобы визуализировать соответствующий мм: сс значение, т.е. 20:34. Я думаю, что я должен изменить значение labelFormat. ValueAxis {ID: axisX мин: 0 макс: 0 tickCount: 5 labelFormat: // Я надеваю» знаю, что я должен установить здесь} Вопрос Можно ли установить конкретное значение в labelFormat, чтобы иметь мм: сс визуализируется? Примечания Вместо модификация labelFormat я пытались использовать функцию Javascript для преобразования, но это решение не работает, потому что преобразование достигается до визуализации и поэтому сюжет ничего не показывает, потому что нет Y значения, связанного с новыми значениями X. Вот почему я прошу команды labelFormat, но я буду признателен также намек Javascript. Я знаю, что QML QtCharts имеет QDateTimeAxis, который обеспечивает мм: сс, но я хотел бы, чтобы преобразовать данные только для визуализации, а не для других целей. сс визуализируется? Примечания Вместо модификация labelFormat я пытались использовать функцию Javascript для преобразования, но это решение не работает, потому что преобразование достигается до визуализации и поэтому сюжет ничего не показывает, потому что нет Y значения, связанного с новыми значениями X. Вот почему я прошу команды labelFormat, но я буду признателен также намек Javascript. Я знаю, что QML QtCharts имеет QDateTimeAxis, который обеспечивает мм: сс, но я хотел бы, чтобы преобразовать данные только для визуализации, а не для других целей. сс визуализируется? Примечания Вместо модификация labelFormat я пытались использовать функцию Javascript для преобразования, но это решение не работает, потому что преобразование достигается до визуализации и поэтому сюжет ничего не показывает, потому что нет Y значения, связанного с новыми значениями X. Вот почему я прошу команды labelFormat, но я буду признателен также намек Javascript. Я знаю, что QML QtCharts имеет QDateTimeAxis, который обеспечивает мм: сс, но я хотел бы, чтобы преобразовать данные только для визуализации, а не для других целей.
titiro89
1

голосов
0

ответ
42

Просмотры

How to select/deselect data for columns in Google Charts?

Как я могу добавить окно выбора в легенде, который выбирает / отменяет данные, которые будут отображаться? Например, я хочу, чтобы отменить t2 не появляться в сложенном колонке? google.charts.load ( 'тока', {пакетов: [ "corechart"]}); google.charts.setOnLoadCallback (DrawChart) Функция DrawChart () {вар данных = новый google.visualization.DataTable (); data.addColumn ( 'строка', 'Title'); data.addColumn ( 'число', 'Т1'); data.addColumn ({тип: 'строка', роль: 'аннотаций'}); data.addColumn ( 'число', 'Т2'); data.addColumn ({тип: 'строка', роль: 'аннотаций'}); data.addColumn ( 'число', 'Т3'); data.addColumn ({тип: 'Строка', роль: 'пометка'}); data.addColumn ( 'число', 'Т4'); data.addColumn ({тип: 'строка', роль: 'аннотаций'}); data.addRows ([[ 'Обучение', 3,02 '3,02', 6,01 '6,01', 3,03 '3,03', 2,91 '2,91']]); // Устанавливаем диаграмма Опции вар = {аннотаций: {TextStyle: {жирным шрифтом: правда, курсивный: истинные, FONTSIZE: 16, FONTCOLOR: '#ffffff',}} Легенда: {позиция: 'сверху', выравнивание: ' старт», MAXLINES: 2}, 'ширина': 800, 'высота': 600, 'цвета': [ '# 72A5AE', '# B5A7D2', '# 881E13', '# 381E70']} вар диаграмма = новый google.visualization.ColumnChart (document.getElementById ( 't1')); chart.draw (данные, опционы); }
alex
1

голосов
0

ответ
53

Просмотры

Vega.js - Есть ли способ применить AutoSize к отдельным группам?

Я использую Vega 3.x - Есть ли способ применить авто-калибровку свойств только одной группы? Взгляните на следующий пример: { «$ схемы»: «https://vega.github.io/schema/vega/v3.0.json», «ширина»: 500, «высота»: 300, «данные ": [{ "имя": "стол", "ценность": [{" категория ":" Длинный Cagtegory А " "положение": 0, "значение": 0,1}, { "категория":" Длинный Cagtegory " "положение": 1, "значение": 0,6}, { "категория": "Экстра сверхдолгого Cagtegory Б", "положение": 0, "значение": 0,7}, { "категория":" Экстра сверхдолгой Cagtegory Б " "положение": 1," }}}}]}]} Это дает что-то вроде: мне нужно нажать «Lorem Ipsum» текст на левую, вместо того, чтобы быть выровнен с областью диаграммы справа от оси. Я понимаю, что это название атрибута, но я не могу использовать это потому, что у меня есть более сложные знаки, которые должны находиться в секции заголовка, который я не показан здесь для краткости. Я также попытался положить свойства оси в оберточную группы в качестве собрата в текст метки группы Lorem Ipsum, но это, кажется, не помогает. }}}}]}]} Это дает что-то вроде: мне нужно нажать «Lorem Ipsum» текст на левую, вместо того, чтобы быть выровнен с областью диаграммы справа от оси. Я понимаю, что это название атрибута, но я не могу использовать это потому, что у меня есть более сложные знаки, которые должны находиться в секции заголовка, который я не показан здесь для краткости. Я также попытался положить свойства оси в оберточную группы в качестве собрата в текст метки группы Lorem Ipsum, но это, кажется, не помогает. Я понимаю, что это название атрибута, но я не могу использовать это потому, что у меня есть более сложные знаки, которые должны находиться в секции заголовка, который я не показан здесь для краткости. Я также попытался положить свойства оси в оберточную группы в качестве собрата в текст метки группы Lorem Ipsum, но это, кажется, не помогает. Я понимаю, что это название атрибута, но я не могу использовать это потому, что у меня есть более сложные знаки, которые должны находиться в секции заголовка, который я не показан здесь для краткости. Я также попытался положить свойства оси в оберточную группы в качестве собрата в текст метки группы Lorem Ipsum, но это, кажется, не помогает.
Joel
1

голосов
1

ответ
1.2k

Просмотры

скор: «Неожиданно найдено ноль, а разворачивание необязательное значение» ошибки и не удалось найти источник [дублированный]

Этот вопрос уже есть ответ здесь: Что «неустранимая ошибка: неожиданно нашел ноль в то время как разворачивание необязательного значения» означает? 8 ответов я работал на поиски источника этой ошибки в течение многих часов, и я не в состоянии сделать это. после того, как я стараюсь, чтобы выбрать первое значение из pickerview с кнопкой ошибка появляется. Я работаю с Charts 3.0 стручка. Я включил функцию ниже. FUNC barChartUpdate () {VAR dataEntries: [BarChartDataEntry] = [] пусть moodRatings = getRatingsFromDatabase () для г в 0 ..
Joel Hochman
1

голосов
1

ответ
233

Просмотры

Держите диаграммы / стиль графика

Можно ли сохранить стиль диаграммы (стили формы) из файла XLSX, когда я читать и писать ее? С моим кодом ниже стиля теряются. требуется 'поставщика / autoload.php'; использовать PhpOffice \ PhpSpreadsheet \ Spreadsheet; использовать PhpOffice \ PhpSpreadsheet \ Writer \ XLSX AS WXlsx; использовать PhpOffice \ PhpSpreadsheet \ Chart \ Chart; использовать PhpOffice \ PhpSpreadsheet \ Настройки; использовать PhpOffice \ PhpSpreadsheet \ чтения \ XLSX; эхо «Открытие файла ...»; $ Таблица = новый XLSX (); $ Spreadsheet-> setIncludeCharts (истина); $ Таблица = $ spreadsheet-> нагрузки ( "test.xlsx"); эхо «Сохранение файла ...»; $ Имя_файла = "testKeepChart.xlsx"; $ Писатель = новый WXlsx ($ таблицы); $> SetIncludeCharts писатель-(правда); $> SetPreCalculateFormulas писатель-(ложь); $ Писатель-> сохранить ($ Filename); эхо «Файл сохранен как $ FileName \ п.»;
bhanequin
1

голосов
1

ответ
265

Просмотры

Swift Диаграмма 3 линии Получить индекс

Таким образом, Im делает график, используя красивые Charts API. Я делаю это в СВИФТ 3. Я получил график рабочего, но теперь я пытаюсь получить индекс выбранного значения, я пробовал много вещей, но они не работают. Heres моя последняя попытка на него. FUNC chartValueSelected (_ chartView: ChartViewBase, запись: ChartDataEntry, выделить: Выделение) {если пусть DataSet = chartView.data?.dataSets [highlight.dataSetIndex] {пусть Index: Int = dataSet.entryIndex (запись: запись) печать ( «Selected Индекс: \ (индекс) ")}} IOS GRAPH IMAGE
Daniel Cisneros
1

голосов
0

ответ
148

Просмотры

Chartjs 2-категорична

Я успешно графики кучи точек данных с использованием Chartjs 2 с React, с категорией Y-осью, но хотелось бы, чтобы маркировать их с их категорией этикеткой. Они в настоящее время показывают «неопределенные» в качестве значения подсказки: Вот что у меня сейчас (не работает): этикетки: this.state.graphData.eventWeekArray, наборы данные: [{метка: название, метки: данные, заполнить: ложь, lineTension: 0,1, BorderColor: colorArray () [счетчик], borderCapStyle: 'встык', borderJoinStyle: 'митры', pointBorderColor: 'RGBA (75,192,192,1)', pointBackgroundColor: '#fff', pointBorderWidth: 1, pointHoverRadius : 6, pointHoverBackgroundColor: 'RGBA (75,192,192,1)',
Boris K
1

голосов
0

ответ
34

Просмотры

VBA - какой элемент он может быть после «!»

Я работаю на файл первенствовать и встретил проблему с диаграммой. Поскольку файл передается мне, я открыл ось метки диаграммы, чтобы увидеть, как график сделан. И я вижу, метка оси «file.xlsm»! Company_list, странное дело в том, что файл не имеет никакого листа под названием company_list. Я проверил код VBA файла, нет такой переменной называется company_list либо. Мне интересно, что элемент может быть за «!» без предъявления каких-либо следов в файле?
exteralvictor
1

голосов
0

ответ
37

Просмотры

Создание нескольких файлов XLSX с диаграммами Python

Я ищу массивный питон коды для создания XLSX файлов из моих данных в формате CSV. Мне нужен файл для Cliente и там мне нужна вся информация о Clienteas я показать вам вниз. Дело в том, мне нужно разделить данные CSV в Cliente и запустить свой код для каждого Cliente Cliente Fecha Subastas Importe_a_pagar_a_medio 0 ID 01/12/2017 1000 1,78 1 ID 02/12/2017 1200 1.20 В другом файле: Cliente Fecha Subastas Importe_a_pagar_a_medio 2 объявления 01/12/2017 600 4,46 3 800 объявлений 02/12/2017 4,66 4 Объявление 03/12/2017 1000 4. 86 У меня есть код для простого XLSX рисовать свои графики: импорт панд, как PD DF = pd.read_csv ( '') ac.csv subastadas = список (DF [ 'Subastadas']) дохода = список (ДФ [ 'Доход' ]) Fecha = список (ДФ [ 'Fecha']) импорт xlsxwriter Учебное пособие = xlsxwriter.Workbook ( 'chart_line.xlsx') = рабочий лист workbook.add_worksheet () # Добавление данных рабочего листа, предназначенных для печати. данных = subastadas worksheet.write_column ( 'A1', Fecha) worksheet.write_column ( 'В1', данные) worksheet.write_column ( '1', доход) # Создать новый объект диаграммы. Диаграмма = workbook.add_chart ({ 'типа': 'строка'}) chart2 = workbook.add_chart ({ 'типа': 'строка'}) # Добавление серии к диаграмме. chart.add_series ({ 'значения': '= Лист1 $ B $ 1: $ B $ 3', 'категории': '= Лист1 $ A $ 1: $ A $ 3', 'строка': {» цвет ': 'красный'}}) chart2.add_series ({' значения: '= Лист1 $ C $ 1: $ C $ 3', 'категории': '= Лист1 $ A $ 1: $ A $ 3', «линия «: {» цвет ': „синий“}}) # Вставить диаграмму в рабочий лист. worksheet.insert_chart ( 'F1', диаграмма) worksheet.insert_chart ( 'F15', chart2) workbook.close () CSV данные: Cliente Fecha Subastas Importe_a_pagar_a_medio 0 ID 01/12/2017 1 000 1,78 1 ID 02/12/2017 1200 1.20 2 объявления 01/12/2017 600 4,46 3 800 объявлений 02/12/2017 4,66 4 Объявление 03/12/2017 1000 4,86 значения ': '= Лист1 $ C $ 1: $ C $ 3', 'категории': '= Лист1 $ A $ 1: $ A $ 3', 'строка': {' цвет ': 'синий'}}) # Вставить диаграммы в рабочий лист. worksheet.insert_chart ( 'F1', диаграмма) worksheet.insert_chart ( 'F15', chart2) workbook.close () CSV данные: Cliente Fecha Subastas Importe_a_pagar_a_medio 0 ID 01/12/2017 1 000 1,78 1 ID 02/12/2017 1200 1.20 2 объявления 01/12/2017 600 4,46 3 800 объявлений 02/12/2017 4,66 4 Объявление 03/12/2017 1000 4,86 значения ': '= Лист1 $ C $ 1: $ C $ 3', 'категории': '= Лист1 $ A $ 1: $ A $ 3', 'строка': {' цвет ': 'синий'}}) # Вставить диаграммы в рабочий лист. worksheet.insert_chart ( 'F1', диаграмма) worksheet.insert_chart ( 'F15', chart2) workbook.close () CSV данные: Cliente Fecha Subastas Importe_a_pagar_a_medio 0 ID 01/12/2017 1 000 1,78 1 ID 02/12/2017 1200 1.20 2 объявления 01/12/2017 600 4,46 3 800 объявлений 02/12/2017 4,66 4 Объявление 03/12/2017 1000 4,86 линия «: {» цвет ': „синий“}}) # Вставить диаграмму в рабочий лист. worksheet.insert_chart ( 'F1', диаграмма) worksheet.insert_chart ( 'F15', chart2) workbook.close () CSV данные: Cliente Fecha Subastas Importe_a_pagar_a_medio 0 ID 01/12/2017 1 000 1,78 1 ID 02/12/2017 1200 1.20 2 объявления 01/12/2017 600 4,46 3 800 объявлений 02/12/2017 4,66 4 Объявление 03/12/2017 1000 4,86 линия «: {» цвет ': „синий“}}) # Вставить диаграмму в рабочий лист. worksheet.insert_chart ( 'F1', диаграмма) worksheet.insert_chart ( 'F15', chart2) workbook.close () CSV данные: Cliente Fecha Subastas Importe_a_pagar_a_medio 0 ID 01/12/2017 1 000 1,78 1 ID 02/12/2017 1200 1.20 2 объявления 01/12/2017 600 4,46 3 800 объявлений 02/12/2017 4,66 4 Объявление 03/12/2017 1000 4,86
Martin Bouhier
1

голосов
1

ответ
90

Просмотры

Не удается загрузить Google Chart Использование JSON файл с JSP

Им с помощью Google диаграммы API, чтобы загрузить круговую диаграмму из файла данных JSon Вот где диаграмма создается (HTML-файл): // Загрузка API визуализации и пакет PieChart. google.charts.load ( 'тока', { 'пакетов': [ 'corechart']}); // Установка обратного вызова для запуска при визуализации API Google загружается. google.charts.setOnLoadCallback (DrawChart); функционировать DrawChart () {вар jsonData = $ .ajax ({URL: "read.jsp", Datatype: "JSON"}); // Создать нашу таблицу данных из данных в формате JSON, загруженных с сервера. вар данные = новый google.visualization.DataTable (jsonData); // Instantiate и сделать нашу диаграмму, переходящая в некоторых вариантах. вар диаграмма = новый google.visualization.PieChart (document.getElementById ( 'chart_div')); chart.draw (данные, {ширина: 400, высота: 240}); } Аа А вот Read.jsp Используется в URL (АЯКС): JSP для чтения текстового файла и в результате я получаю эту ошибку «Таблица не имеет столбцов»: Введите описание изображения здесь кто-нибудь знает, почему, пожалуйста? и благодарю вас
Anas Elbenney
1

голосов
1

ответ
91

Просмотры

assign $scope.chart.options based on conditional check - javascript

I am working on google chart API.I am working on timeline chart. I want to assign the colors of the bar inside the timeline chart based on the conditional check. Below is the condition: var firstWord = value.detail.trim().split(' ')[0]; if(firstWord === 'monthly'){ $scope.chart.options.colors[0]='yellow';} if(firstWord === 'daily') { $scope.chart.options.colors[0]='green';} How to assign the colors in the $scope.chart.options dynamically at runtime based on conditional check. complete js code: app.controller('MyController', ['$rootScope', '$scope',function ($scope, MyService) { $scope.chart = {}; $scope.chart.type = "Timeline"; $scope.chart.cssStyle = "height:80%; width:100%;"; $scope.chart.options = { timeline: { barLabelStyle: { fontSize: 14 ,bold:true} }, // colors:['#7EAE5A','#0E77B4'], }; $scope.chart.data = { "cols": [ {id: "status", label: "Status", type: "string"}, {id: "detail", label: "Detail", type: "string"}, {id:"tooltip", role:"tooltip", type:"string"}, {id: "startDate", label: "startDate", type: "date"}, {id: "endDate", label: "endDate", type: "date"} ] }; //getting the response data MyService.getResponseData().then( function (response) { $scope.myResponse = response; $scope.chart.data.rows = {}; angular.forEach($scope.myResponse, function (value, key) { var firstWord = value.detail.trim().split(' ')[0]; if(firstWord === 'monthly'){ $scope.chart.options.colors[0]='yellow';} if(firstWord === 'daily') { $scope.chart.options.colors[0]='green';} var cData = { c: [{v: i}, {v: value.detail }, {v: "tooltip"},{v: value.startDate}, {v: value.endDate}] }; weekRows.push(cData);i++; }); $scope.chart.data.rows = weekRows; } },
user9241515
1

голосов
0

ответ
67

Просмотры

не полностью показывает информацию метки на графике, когда нет достаточно места показать полный текст

Я работаю на angularjs Google Chart API временной шкалы диаграммы. Вы можете найти демо https://plnkr.co/edit/Krrz1uCeNlvl849E1P1x?p=preview я показываю несколько строк информации в одной строке, как показано в демо-версии. когда есть несколько строк информации, показанной в одной строке, как показано в приведенном выше демо plunker, он не показывает информацию метки на графике Если нет достаточно места, чтобы показать этикетку. Текст «первая этикетка строки» не отображается на графику, потому что нет достаточно мест, чтобы отобразить его, так же в row2 также этикетки не показаны на графике. Есть ли способ, что если место не достаточно, чтобы показать этикетку на графике мне нужно переместить row2 информации на вторую строку в таблице? JS-код: angular.module ( 'MYAPP', [ 'googlechart']) .controller ( 'myController', функция ($ Объем, $ Таймаут) {вар chart1 = {}; chart1.type = "Временная шкала"; chart1.displayed = ложь; Контейнер вара = document.getElementById ( 'график') chart1.data = { "смещ_по_столбцы": [{ID: "месяц", метка: "Месяц", тип: "строка"}, {ID: "ноутбук-ID", метка: "Ноутбук", тип: "строка"}, {идентификатор: "настольный идентификатор", ярлык: "Пуск", введите: "дату"}, {идентификатор: "сервер-идентификатор", метка: "конец", Тип: "дата"}], "строка": [{с: 15)}]}, {с: [{v: "февраль"}, {v: "Начиная с JavaScript"}, {v: новая Дата (2018, 6, 15)}, {v: новая Дата (2018, 6 , 17)}]}, {с: [{v: "февраль"}, {v: "Начало JavaScript некоторого текст здесь"}, {v: новая Дата (2018,6, 1)}, {v: новая Дата (2018, 6, 2)}]}]}; chart1.options = {Сроки: {showRowLabels: ложь,},}; $ Scope.myChart = chart1; }); PS:
dexter
1

голосов
0

ответ
83

Просмотры

Рельсы Google Chart гистограмма vAxis этикетки, используя половину ширины на мобильном

У меня есть график, который хорошо отображать на рабочем столе, но на мобильный / маленький экран (телефон) метка на оси об отрезан (см рисунок). Как я могу сжать график так, что диаграмма использует 50% ширину, а метки используют другие 50% от ChartArea так, чтобы метка может быть показана во всей длине и не отрезать. Вот мой код: CSS #chart_div {ширина: 100%; Маржа: 0 авто; } .Html.erb я не могу использовать запросы средств массовой информации (CSS), как установка для диаграммы в .html.erb Кроме того, есть ли способ иметь название haxis на верхней части вертикальной оси или положение заголовок диаграммы на левой перед haxis (вертикальной оси).
mamesaye
1

голосов
2

ответ
85

Просмотры

Как сделать одну строку гладкой, а другой НЕ на графике?

Поэтому я искал способ, чтобы сделать одну из линий на моей карте не гладкая, а другая гладкая. Существует мастер вариант, чтобы каждая линия на графике гладкой, но не конкретная линия, что я знаю. Вот мой график, что он выглядит как PS. Im используя JQ участки http://www.jqplot.com/index.php Вот мой JS код. // STOCK ВЫСОКИЙ VS LOW вар line1 = [[ '2017-11-27', 175,0800], [ '2017-11-28', 174,8700], [ '2017-11-29', 172,9200], [ '2017- 11-30' , 172,1400], [ '2017-12-01', 171,6700], [ '2017-12-04', 172,6200], [ '2017-12-05', 171,5200], [ '2017-12- 06' , 170.2047], [ '2017-12-07', 170,4400] [ '2017-12-08', 171,0000] [ '2017-12-11', 172,8900] [ '2017-12-12' , 172.3900], [ '2017-12-13', 173,5400], [ '2017-12-14', 173,1300], [ '2017-12-15', 174,1700], [ '2017-12-18', 177 , 170.1600], [ '2018-01-30', 167,3700], [ '2018-01-31', 168,4417], [ '2018-02-01', 168,6200], [ '2018-02-02', 166,8000] , [ '2018-02-05', 163,8800], [ '2018-02-06', 163,7200], [ '2018-02-07', 163,4000], [ '2018-02-08', 161,0000], [ '2018-02-09', 157,8900]]; вар line2 = [[ '2017-11-27', 173,3400], [ '2017-11-28', 171,8600], [ '2017-11-29', 167,1600], [ '2017-11-30', 168,4400 ], [ '2017-12-01', 168,5000], [ '2017-12-04', 169,6300], [ '2017-12-05', 168,4000], [ '2017-12-06', 166,4600], [ '2017-12-07', 168,9100], [ '2017-12-08', 168,8200], [ '2017-12-11', 168,7900], [ '2017-12-12', 171,4610], [» 2017-12-13' , 172,0000], [ '2017-12-14', 171,6500], [ '2017-12-15', 172,4600], [ '2017-12-18', 174,8600], [ '2017- 12-19' , 174,0900], 7000], [ '2018-01-31', 166,5000], [ '2018-02-01', 166,7600], [ '2018-02-02', 160,1000], [ '2018-02-05', 156,0000] , [ '2018-02-06', 154,0000], [ '2018-02-07', 159,0685], [ '2018-02-08', 155,0300], [ '2018-02-09', 150,2400]]; вар Plot2 = $ .jqplot ( 'Chart1', [line1, LINE2], {название: 'AAPL High против Low', seriesDefaults: {rendererOptions:. {////// // Включение линии сглаживания По умолчанию ограниченно кубический сплайн // алгоритм интерполяции используется, который не будет промахиваться или // недолета любых точек данных ////// гладкий:.}} правда, легенда: {показать: истинно}, оси: {Xaxis: {рендерер: $ .jqplot.DateAxisRenderer, tickOptions: {FormatString: '% б% # д,% # Я% р' }, Мин: '20 ноября 2017', tickInterval: '1 месяц'}}, текстовыделитель: {показать: истинно, sizeAdjust: 7,5}, canvasOverlay: {показать: истинные, объекты: [{horizontalLine: {название: 'средний' , у: 171,21 // ** AVERAGE_FLOAT_VALUE ** LineWidth: 2, цвет: '# FF5555', тень: ложь}}]}, серия: [{LineWidth: 4, MarkerOptions: {стиль: 'квадрат'}}] , серия: [{этикетка: 'высокого'}, {этикетка: 'Low'}],}); Если это не может быть сделано в JQ участках, вы, ребята, знаете других схемы, которые могут сделать это.
Carlitos
1

голосов
0

ответ
82

Просмотры

Как использовать stackedbar диаграмму в веб-формах?

У меня есть таблица, состоящая из нескольких данных. Я использовал столбчатую диаграмму в веб-форму. Как я могу сравнить приведенные ниже данные? Я пытаюсь что-то вроде с осью у с machine_name и в оси х, имеющих Total, Turn_right и Turn_left. В столбчатой ​​диаграмме я получаю что-то вроде. Как я в состоянии отображать от общего числа 9, повернуть направо 2 и повернуть налево равно 2. По состоянию ниже он добавляет, который я не заинтересован. Примечание: Я получаю данные из SQL источника данных
Aiya123
1

голосов
1

ответ
126

Просмотры

Google Chart Rangefilter Укажите диапазон дат

Это сообщение Google Column Graph Одиночка Дата и значение показывает, как несколько баров adjucent имеет ключ в скрытый фрагмент кода, который помог мне решить поставленный вопрос ниже. Я передаю JSon подобные данные в Google Chart DataTable. Голова и хвост показаны ниже. Руководитель: вар ГССР = {смещ_по_столбцам: [{метка: "Дата", тип: "дата"}, {метка: "High", типа: "число"}, {метка: "Low", введите: "число"} ,], строки: [{с: [{v: "Дата (1985,01,02)"}, {v: 167,20}, {v: 165.19}]}, {с: [{v: "Дата (1985 , 01,03) "}, {v: 166,11}, {v: 164,38}]}, {с: [{v:" Дата (1985,01,04) "}, {v: 164,55}, {v: 163,36}]}, Хвост: {с: [{v: "Дата (2018,02,14)"}, {v: 2702,10}, {v: 2648,87}]}, {с: [{v: "Дата ( 2018,02,15) "}, {v: 2731,51}, {v: 2689,82}]}, {с: [{v:" Дата (2018,02,16) "}, {v: 2754,42}, {V: 2725,11}]},]}; У меня два ? метки в яваскрипта коде ниже, где я не знаю, как установить начало диапазона и конец диапазона. Конечный диапазон должен быть последняя дата в переменной DATA и начале диапазона будет произвольно устанавливать по отношению к концу диапазона (например, за два года до). Как установить конец диапазона до конечного значения данных в массиве дат и как установить начало диапазона к предшествующей дате относительно даты окончания? Javascript - график функции управления обертка drawDashBoard_GSPC () {вар данных = новый google.visualization.DataTable (ГССР); вар панель = новый google.visualization.Dashboard (document.getElementById ( 'GSPC_DashBoard')); управление вар = новый google.visualization.ControlWrapper ({ControlType: 'ChartRangeFilter', containerId: 'Control' опции: {filterColumnLabel:
SystemTheory
1

голосов
0

ответ
42

Просмотры

Google Bar вопрос диаграммы для перекрытия бара данных

Я сталкиваюсь этот вопрос может кто-нибудь сказать мне, как решить эту проблему?
neel upadhyay
1

голосов
0

ответ
588

Просмотры

PACF и ACF графы не показывать

#I успешно конвертированы даты в формат даты, которое является надлежащим для временных рядов. 'Переменные' данные столбцов в # Включают даты homeprice [ 'переменной'] = pd.to_datetime (homeprice [ 'переменной'], формат = '% Y-% m-% d') homeprice #Did изменяя некоторые дополнительные очистки и имя столбца - не включая код # Этот блок работал как ожидалось, и создали простое время series'able фрейм данных для меня homepriceTS = homeprice.set_index ( «дата») прокатки (2) .mean () homepriceTS.head () #remove NaN от. dataframe homepriceTS.dropna (Inplace = True) homepriceTS.head () #tested стационарности (это не был неподвижен). не включая код для краткости #There явно восходящий тренд на графике линии, которая нарушает правила стационарности. Так позволяет преобразовывать с лог homepriceTS_log = np.log (homepriceTS) PLT. участок (homepriceTS_log) # В этом подходе, мы возьмем среднее значение последовательных значений «K» в зависимости от частоты временных рядов. Здесь мы можем взять среднее за прошедший 1 год, то есть 12 последних значений. Панды имеют специфические функции, определенные для определения прокатки статистики. moving_avg = pd.rolling_mean (homepriceTS_log, 12) plt.plot (homepriceTS_log) plt.plot (moving_avg, цвет = 'красный') #The красная линия выше показывает прокатки в виду. Позволяет вычесть из оригинальной серии. Следует отметить, что, так как мы берем среднее последних 12 значений, среднее качению не определен для первых 11 значений homepriceTS_log_moving_avg_diff = homepriceTS_log - moving_avg homepriceTS_log_moving_avg_diff.head (п = 12) #Drop первые 11 NaN строки, так как мы выбрали 12 месяц катить. Тогда мы будем тестировать стационарности снова. homepriceTS_log_moving_avg_diff. dropna (Inplace = True) homepriceTS_log_moving_avg_diff.head () снова #tested стационарности. Это было гораздо лучше, так что я пойду с ним. #homepriceTS_log_diff = homepriceTS_log - homepriceTS_log.shift () plt.plot (homepriceTS_log_diff) #ACF и PACF участков: от statsmodels.tsa.stattools импорта ACF, PACF # Я хотел бы использовать метод = 'олы' ... но это просто продолжал бросать мне ошибки, поэтому я сдался и использовал «уш» (даже не уверен, если это имеет смысл делать в этом случае) lag_acf = ACF (homepriceTS_log_diff, nlags = 12) lag_pacf = PACF (homepriceTS_log_diff, nlags = 12, метод = «уш» ) ---------- ВОТ ГДЕ НАЧАТЬ ПРОБЛЕМ ----------- #Plot ACF: plt.subplot (121) plt.plot (lag_acf) # plt.axis ([Xmin, Xmax, Ymin, уты]) plt.axhline (у = 0, LineStyle = '-', 'серого' цвета =) plt.axhline (у = -1,96 / np.sqrt (LEN (homepriceTS_log_moving_avg_diff)) , LineStyle = '-', цвет = 'серый') plt.axhline (у = 1,96 / np.sqrt (LEN (homepriceTS_log_moving_avg_diff)), LineStyle = '-', цвет = 'серый') plt.title ( 'автокорреляции Функция ') #Plot ЧАКФ: plt.subplot (122) plt.plot (lag_pacf) # plt.axis ([Xmin, Xmax, Ymin, утах]) plt.axhline (у = 0, LineStyle =' -», цвет = 'серый') plt.axhline (у = -1,96 / np.sqrt (LEN (homepriceTS_log_moving_avg_diff)), LineStyle = '-', цвет = 'серый') plt.axhline (у = 1,96 / np.sqrt (Len (homepriceTS_log_moving_avg_diff)), LineStyle = '-', color = 'серый') plt.title ( 'Частичное АКФ') plt.tight_layout () `Я выполнения анализа временных рядов и бегу мой ACF (автокорреляционная функция ) и PACF (Частичная АКФ). Когда я сюжет их я получаю пустой график, чтобы показать с верхним пределом, нижний предел и ноль ... но нет сюжетной линии. Я предполагаю, либо код для линейного графика не работает, или мой размер окна для АКФА и PACF участки должны быть изменены (который я не могу найти где-нибудь на Google или в Shift + Tab инструкции в Python). Doe кто-нибудь знает, как я могу получить линии, чтобы показать на графике?
Josh
1

голосов
1

ответ
199

Просмотры

Когорта анализ - Какой график, чтобы использовать

Я хочу, чтобы построить анализ когорты как на картинке Excel в этой ссылке или другой пример - эту картину. Краткое резюме: анализ когорты означает, что вы есть матрица (NxN), со значениями по главной диагонали нулями (это данные). Пример: + ---------- + ------ + ------ + ------ + ----- + | | Ян | февраль | Mar | апрель | + ---------- + ------ + ------ + ------ + ----- + | январь | 100 | 90 | 80 | 30 | | февраль | нуль | 120 | 56 | 40 | | Март | нуль | нуль | 90 | 70 | | апрель | нуль | нуль | нуль | 79 | + ---------- + ------ + ------ + ------ + ----- + Наиболее подходящая схема я думал, что это было бы это ComboChart с seriesType: «области» и isStacked: верно, но это далеко от показа, как и в связанных изображений выше. JsFiddle для него здесь. Так что я застрял, может быть, другой график / опции, необходимые для достижения рендеринга мне нужно, возможно, данные должны быть структурированы по-другому, может быть, это не возможно сделать с помощью любой карты Google. Любая помощь приветствуется. Благодарю.
1

голосов
1

ответ
66

Просмотры

Plotting Google Visualization Chart with php and ajax

Что я делаю: я написал яваскрипт кода, который чертит визуализации PieChart Google в моей веб-странице. Скрипт использует Ajax для получения данных из файла PHP и PHP выполняет операцию базы данных и отображает необходимые данные в формате JSON. Проблема в том, что я не могу получить точную диаграмму, вместо этого я получаю диаграмму с 100% написанными в PieChart и другом, кроме письменного. Пожалуйста, смотрите прикрепленное изображение. google.charts.load ( 'тока', { 'пакетов': [ 'corechart']}); google.charts.setOnLoadCallback (DrawChart); Функция DrawChart () {вар jsonData = $ .ajax ({URL: "getdata.php вкладка = Кр", Datatype: "JSON", асинхронная ложь}) responseText;. вар данные = новый google.visualization.DataTable (jsonData); Параметры VAR = { 'название': 'Число', 'ширина': 500, 'высота': 350}; вар диаграмма = новый google.visualization.PieChart (document.getElementById ( 'PieChart')); chart.draw (данные, опционы); } Выход вкладки getdata.php = Cr? { "Смещ_по_столбцы": [{ "ID": "Отдел", "тип": "строка"}, { "идентификатор": "Count", "типа": "Номер" }], "строки": [{ "с": [{ "v": "ИТ"}, { "v": "10"}]}, { "с": [{ "v": "ЕЕЕ" }, { "v": "1"}]}, { "с": [{ "v": "ЕК"}, { "v": "2"}]}, { "С": [{» v ":" ME "}, {" v ":" 2 "}]}, {" с ":
sachin rathod
1

голосов
0

ответ
617

Просмотры

(Ядро 2.0 .net) консольное приложение - Создание диаграммы и сохранить изображение

Я работаю на (.net ядра 2.0) Console Application, и теперь мне нужно, чтобы создать диаграмму (она будет содержать 2 строки из заданных значений, на X / ось Y) и сохранить его в виде изображения (PNG, JPG). Я прочитал некоторые идеи о том, ссылки Forms сборки, чтобы иметь возможность использовать .net диаграммы, но я не могу даже найти Tab ассамблей в этом VS.Net Ядро 2.0 консоли App. Кто-нибудь знает инструмент или что-то, что позволило бы мне создать диаграмму затем сохранить его как изображение?
JCIsola
1

голосов
1

ответ
212

Просмотры

VictoryChart: динамическая ширина зависит от ширины метки оси

Я использую победу родную в React-Native и не могу понять это. Я создаю VictoryCandlestick с двумя оси так, у меня есть что-то вроде этого: Проблема у меня есть сейчас, что мои данные динамична, цифры на правом может идти на миллионы. Есть ли способ, чтобы подсчитать, сколько смещение я должен дать моей оси на основе ширины оси / этикетки? В противном случае, мой текст обрезается на правой стороне экрана, или перекрывает граф, если я изменю VictoryLabel textAnchor
Sven Lombaert
1

голосов
0

ответ
87

Просмотры

VictoryLine применять LinearGradient

Я использую Victory Реагировать Native библиотеки с линейной диаграммой, но я не в состоянии добавить LinearGradient к росчерку Пути. Кто-нибудь может мне помочь?
cotorusso
1

голосов
1

ответ
122

Просмотры

Дисплей Google Scatter кончик диаграммы инструмент для некоторых точек

Есть ли способ, я могу отобразить всплывающую подсказку всегда открыты для некоторых точек в диаграмме рассеяния, как в изображении присоединенного я использовал подсказку: {триггер: «выбор»}, но это делает его видимым только тогда, когда пользователь нажимает на точке. Я хочу три точки, чтобы показать всплывающую подсказку все время и другие пункты, которые будут отключены (не интерактивное).
Nabeel
1

голосов
0

ответ
193

Просмотры

Могу ли я группа дважды Линейчатая с Chart.js?

Могу ли я группа эта диаграмма в 4-х сезонов (Сезон 1, Сезон 2, Сезон 3, Сезон 4) и по-прежнему показывают выше каждого месяца на графике (январь, февраль, [...]) Начиная пример: https: // скрипку. jshell.net/9xrb0vhe/2855/ Сезон 1: январь, февраль, март Сезон 2: апрель, май, июнь Сезон 3: июль, август, сентябрь Сезон 4: октябрь, ноябрь, декабрь, как, например: https: // я. stack.imgur.com/4ym8u.png
1

голосов
1

ответ
558

Просмотры

Как изменить Google Organization Chart ссылку цвет линии & толщина?

Я возился вокруг с организационной структурой компании Google в JavaScript, но я не могу понять, как изменить цвет и толщину строки ссылок. Документация говорит только о стилизации узлов, но нет ничего о связях, соединяющих их. Как стилизовать ссылки?
Einherj
1

голосов
1

ответ
47

Просмотры

как обновить Linechart из другого ViewController

У меня 2 ViewControllers. ViewController А получает информацию и ViewController В устанавливает информацию в графическом, используя структуру диаграмм. Я сделал это так, что в конце концов, линейный график обновляется. Это работает должным образом, однако, пользователь должен открыть ViewController B для того, чтобы линия Graph для обновления с новой информацией, полученной за день до этого. Как я могу сделать так, чтобы каждый раз, когда приложение открывает. График обновляется автоматически, без необходимости открытия ViewController B. Я пытался вызвать функцию, чтобы сделать диаграмму из ViewController B в ViewController А, но я получаю ошибку о том, что chart.info равна нулю. Я попытался найти способ сделать это. Но я не мог найти ничего. Вот ViewController B. И она открыла Segue в ViewController A: FUNC makeChart () {пусть сегодня = Calendar.current.component (. день, от: Дата ()) пусть сравнить = UserDefaults.standard.integer (forKey: "userDate") печать печать (сегодня) (ViewController.totalReps) // вар точки = UserDefaults.standard.array (forKey: "массив") как! [Int] вар точка: [Int] = [] // Проверяет, день прошел, если сегодня = {сравнение UserDefaults.standard.set (сегодня, forKey: "userDate")! = точка UserDefaults.standard.array (forKey: " массив "), как? [Int] ?? [Int] () пусть userReps = UserDefaults.standard.integer (forKey: "userReps") points.append (userReps) UserDefaults.standard.set (точки, forKey: "массив") //UserDefaults.standard.set(points, forKey: "массив") вар chartEntry = [ChartDataEntry] () для печати (точки) для г в 0 .. Date ()) пусть сравнить = UserDefaults.standard.integer (forKey: "userDate") печать (сегодня) печать (ViewController.totalReps) // уаг точек = UserDefaults.standard.array (forKey: "массив"), как! [Int] вар точка: [Int] = [] // Проверяет, день прошел, если сегодня = {сравнение UserDefaults.standard.set (сегодня, forKey: "userDate")! = точка UserDefaults.standard.array (forKey: " массив "), как? [Int] ?? [Int] () пусть userReps = UserDefaults.standard.integer (forKey: "userReps") points.append (userReps) UserDefaults.standard.set (точки, forKey: "массив") //UserDefaults.standard.set(points, forKey: "массив") вар chartEntry = [ChartDataEntry] () для печати (точки) для г в 0 .. Date ()) пусть сравнить = UserDefaults.standard.integer (forKey: "userDate") печать (сегодня) печать (ViewController.totalReps) // уаг точек = UserDefaults.standard.array (forKey: "массив"), как! [Int] вар точка: [Int] = [] // Проверяет, день прошел, если сегодня = {сравнение UserDefaults.standard.set (сегодня, forKey: "userDate")! = точка UserDefaults.standard.array (forKey: " массив "), как? [Int] ?? [Int] () пусть userReps = UserDefaults.standard.integer (forKey: "userReps") points.append (userReps) UserDefaults.standard.set (точки, forKey: "массив") //UserDefaults.standard.set(points, forKey: "массив") вар chartEntry = [ChartDataEntry] () для печати (точки) для г в 0 .. ) Печать (сегодня) печать (ViewController.totalReps) // вар точки = UserDefaults.standard.array (forKey: "массив"), как! [Int] вар точка: [Int] = [] // Проверяет, день прошел, если сегодня = {сравнение UserDefaults.standard.set (сегодня, forKey: "userDate")! = точка UserDefaults.standard.array (forKey: " массив "), как? [Int] ?? [Int] () пусть userReps = UserDefaults.standard.integer (forKey: "userReps") points.append (userReps) UserDefaults.standard.set (точки, forKey: "массив") //UserDefaults.standard.set(points, forKey: "массив") вар chartEntry = [ChartDataEntry] () для печати (точки) для г в 0 .. ) Печать (сегодня) печать (ViewController.totalReps) // вар точки = UserDefaults.standard.array (forKey: "массив"), как! [Int] вар точка: [Int] = [] // Проверяет, день прошел, если сегодня = {сравнение UserDefaults.standard.set (сегодня, forKey: "userDate")! = точка UserDefaults.standard.array (forKey: " массив "), как? [Int] ?? [Int] () пусть userReps = UserDefaults.standard.integer (forKey: "userReps") points.append (userReps) UserDefaults.standard.set (точки, forKey: "массив") //UserDefaults.standard.set(points, forKey: "массив") вар chartEntry = [ChartDataEntry] () для печати (точки) для г в 0 .. [Int] вар точка: [Int] = [] // Проверяет, день прошел, если сегодня = {сравнение UserDefaults.standard.set (сегодня, forKey: "userDate")! = точка UserDefaults.standard.array (forKey: " массив "), как? [Int] ?? [Int] () пусть userReps = UserDefaults.standard.integer (forKey: "userReps") points.append (userReps) UserDefaults.standard.set (точки, forKey: "массив") //UserDefaults.standard.set(points, forKey: "массив") вар chartEntry = [ChartDataEntry] () для печати (точки) для г в 0 .. [Int] вар точка: [Int] = [] // Проверяет, день прошел, если сегодня = {сравнение UserDefaults.standard.set (сегодня, forKey: "userDate")! = точка UserDefaults.standard.array (forKey: " массив "), как? [Int] ?? [Int] () пусть userReps = UserDefaults.standard.integer (forKey: "userReps") points.append (userReps) UserDefaults.standard.set (точки, forKey: "массив") //UserDefaults.standard.set(points, forKey: "массив") вар chartEntry = [ChartDataEntry] () для печати (точки) для г в 0 ..
Alex Merlin
1

голосов
0

ответ
33

Просмотры

Google-диаграмма выравнивание легенды пункта

Я пытаюсь найти способ, чтобы отобразить Google элементов диаграммы условных обозначений выровненных с цветовыми прямоугольниками. Очевидно, количество символов в описании товара влияет на его выравнивание. Кто-нибудь есть идея для решения проблемы? Использование космического google.charts.load ( 'тока', {пакеты: [ 'corechart']}); Функция DrawChart () {// Определение диаграммы, который можно сделать. вар данные = google.visualization.arrayToDataTable ([[ 'хозяин', ​​'LVM-раздел-ABCDE', 'LVM-раздел-abcgf', 'LVM-раздел-dfgdfgd', 'LVM-раздел-FGH', 'lvm- раздел-а», 'LVM-раздел-а', 'LVM-раздел-а', 'LVM-раздел-а', 'LVM-раздел-а', 'LVM-раздел-а', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 1164884], [ 'host15', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 686080,665600,1309492, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 2438224], [ 'host16', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 348160,512000,512000,281600,1173916,256000,51200,1964628]]); Параметры вар = {название: 'LVM PARTITION:', isStacked: 'абсолютный', серия: {48: {цвет: '# 888'}}, {условных обозначений: позиция: "верх", MAXLINES: 9, выравнивание: 'начало'}, {hAxis: формат: '#' Мб}}; // Instantiate и нарисовать диаграмму. вар диаграмма = новый google.visualization.BarChart (document.getElementById ( 'контейнер')); chart.draw (данные, опционы); } Google.charts.setOnLoadCallback (DrawChart); chart.draw (данные, опционы); } Google.charts.setOnLoadCallback (DrawChart); chart.draw (данные, опционы); } Google.charts.setOnLoadCallback (DrawChart);
Maciej Golkowski
1

голосов
1

ответ
245

Просмотры

Overlap series in ASP.NET Column/Bar Chart

This is the chart/effect that I'm trying to achieve (from Excel), where a coloured bar/column shows the actual value, and a dash-bordered second bar/column shows the benchmark value: This is what I'm getting, from the code (below): How do I get the benchmark bars/columns to shift behind the actual (school) values? using System; using System.Collections.Generic; using System.Drawing; using System.Web.UI.DataVisualization.Charting; namespace ChartTest { class Program { private static Color _benchmarkColour = Color.LightGray; private static System.Drawing.Font _graphFont = new System.Drawing.Font("Arial", 16f, FontStyle.Regular); private static int chartWidth = 1600; private static int chartHeight = 800; private static ChartColorPalette chartPalette = ChartColorPalette.BrightPastel; public class TimeSeriesDataPoint { public DateTime Date { get; set; } public double? SchoolValue { get; set; } public double? BenchmarkValue { get; set; } } public class BenchmarkDataPoint { public string Category { get; set; } public double? SchoolValue { get; set; } public double? BenchmarkValue { get; set; } } public class BenchmarkSeries { public string Name { get; set; } public Color Color { get; set; } public List DataPoints { get; set; } } public class BenchmarkData { public List Series { get; set; } } static void Main(string[] args) { var benchmarkData = new BenchmarkData { Series = new List() }; var series1 = new BenchmarkSeries { Name = "2018H1", Color = Color.FromArgb(200, 64, 118, 196), DataPoints = new List() }; series1.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 4", SchoolValue = 0.49d, BenchmarkValue = .65d }); series1.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 5", SchoolValue = 0.55d, BenchmarkValue = .68d }); series1.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 6", SchoolValue = 0.40d, BenchmarkValue = .55d }); series1.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 7", SchoolValue = 0.52d, BenchmarkValue = .56d }); benchmarkData.Series.Add(series1); var series2 = new BenchmarkSeries { Name = "2018H2", Color = Color.FromArgb(200, 255, 192, 0), DataPoints = new List() }; series2.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 4", SchoolValue = 0.35d, BenchmarkValue = .65d }); series2.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 5", SchoolValue = 0.53d, BenchmarkValue = .71d }); series2.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 6", SchoolValue = 0.43d, BenchmarkValue = .60d }); series2.DataPoints.Add(new BenchmarkDataPoint { Category = "Grade 7", SchoolValue = 0.52d, BenchmarkValue = .56d }); benchmarkData.Series.Add(series2); var chart = GetBenchmarkChart(benchmarkData); chart.SaveImage(@"C:\chart.jpg"); } private static Chart GetBenchmarkChart(BenchmarkData benchmarkData) { var chart = new Chart(); chart.Width = chartWidth; chart.Height = chartHeight; chart.Palette = chartPalette; foreach (var benchmarkSeries in benchmarkData.Series) { var series = new Series(); series.Name = benchmarkSeries.Name; series.Color = benchmarkSeries.Color; series.BorderColor = Color.FromArgb(255, benchmarkSeries.Color); series.BorderWidth = 2; var counter = 0; foreach (var point in benchmarkSeries.DataPoints) { if (point.SchoolValue.HasValue) series.Points.Add(new DataPoint { YValues = new[] { point.SchoolValue.Value }, XValue = counter }); else series.Points.Add(new DataPoint { IsEmpty = true, XValue = counter }); series.Points[counter].AxisLabel = point.Category; counter++; } chart.Series.Add(series); var bmSeries = new Series(); bmSeries.YAxisType = AxisType.Secondary; bmSeries.Name = benchmarkSeries.Name + ": Benchmark"; bmSeries.Color = Color.FromArgb(0, Color.Black); bmSeries.BorderColor = Color.Gray; bmSeries.BorderWidth = 2; counter = 0; foreach (var point in benchmarkSeries.DataPoints) { if (point.BenchmarkValue.HasValue) bmSeries.Points.Add(new DataPoint { YValues = new[] { point.BenchmarkValue.Value }, XValue = counter }); else bmSeries.Points.Add(new DataPoint { IsEmpty = true }); bmSeries.Points[counter].AxisLabel = point.Category; counter++; } bmSeries.IsVisibleInLegend = false; chart.Series.Add(bmSeries); } var legend = new Legend("Legend"); legend.Docking = Docking.Bottom; legend.Alignment = StringAlignment.Center; legend.Font = _graphFont; chart.Legends.Add(legend); var chartArea = new ChartArea(); chartArea.AxisX.MajorGrid.Enabled = false; chartArea.AxisX.LabelAutoFitStyle = LabelAutoFitStyles.None; chartArea.AxisX.LabelStyle.Font = _graphFont; chartArea.AxisX.Interval = 1; chartArea.AxisY.Minimum = 0; chartArea.AxisY.Maximum = 1; chartArea.AxisY.LabelStyle.Format = "{0:P0}"; chartArea.AxisY.MajorGrid.LineColor = Color.LightGray; chartArea.AxisY.MajorGrid.LineDashStyle = ChartDashStyle.Dash; chartArea.AxisY.MinorGrid.Enabled = false; chartArea.AxisY.MinorTickMark.Enabled = false; chartArea.AxisY2.Minimum = 0; chartArea.AxisY2.Maximum = 1; chartArea.AxisY2.Enabled = AxisEnabled.False; chart.ChartAreas.Add(chartArea); return chart; } } }
Sean
1

голосов
0

ответ
26

Просмотры

Первая диаграмма создана в цикле отличается от последующих диаграмм

У меня есть цикл, который производит диаграммы автоматически из набора данных. Моя проблема заключается в том, что первая диаграмма всегда отличается от последующего charts.Can кто поможет с почему моей первой диаграммой всегда отличается от моих последующих графиков? Вот то, что графики выглядят как после того, как я запускаю код: Вот мой код:. Sub Пирамида () Sheets ( «Пирамида») выберите Range ( «C2») Выберите ActiveCell.Range ( «B1: J1»).. Выберите Для счетчика = 2 до 5 ActiveSheet.Shapes.AddChart2 (201, xlColumnClustered) .Select ActiveChart.ApplyChartTemplate (_ "C: \ Users \ arboari \ AppData \ Roaming \ Microsoft \ Templates \ Charts \ 1Pyramid.crtx") С ActiveChart Do While .SeriesCollection.Count> 0 .SeriesCollection (1) .Delete Loop .SeriesCollection.NewSeries.
amea6995
1

голосов
1

ответ
33

Просмотры

Невозможно отобразить Mulitple диаграммы с помощью Google Charts? PHP / HTML сайт

В настоящее время я кодирование веб-приложение с использованием HTML и PHP. У меня есть база данных MYSQL на PHPMyAdmin. Я пытаюсь показать некоторые диаграммы с использованием данных из таблиц в этой базе данных на одной из страниц сайта. У меня есть файл БДСВЯЗЬ PHP, который подключается к базе данных. Мне удается получить первый круговая диаграмма отображения и работает нормально, но как только я пытался добавить во второй диаграмме «deadlinechart» он перестал работать, и теперь ничего не отображает. Это, очевидно, что-то делать с этой второй партии кода, но я не могу увидеть, что разные, и остановить его отображение. Вот мой код: УПМ google.charts.load ( 'тока', { 'пакетов': [ 'corechart']}); google.charts.setOnLoadCallback (drawPlanChart); google.charts.setOnLoadCallback (drawDeadline);
Holly Robertson
1

голосов
0

ответ
223

Просмотры

Asp.net Chart control multiple series binding 3 Values

Привет всем надеюсь, что вы все в порядке, мне нужна помощь для создания управления asp.net графики. Мне нужно создать две диаграммы. Диаграмма 1 - Stacked гистограмма У меня есть 3 атрибутов статус, дата и SaleAmount мне нужно создать диаграмму для отображения значений, как эта ось х (месяцы), у оси SaleAmount и точки для отображения состояния и считать. частная пустота bind10 () {// Извлекает Статистические данные из базы данных. Строка запроса = "ВЫБРАТЬ статус, DATEPART (месяц, дата), как [Год], COUNT (weightedValue), как [Всего]"; запрос + = "ОТ SalesActivity INNER JOIN STATUS ON SalesActivity.Status_ID = STATUS.Status_ID WHERE статус IN ( 'Запрос информации', 'цитаты', 'переговоров', 'Заказ Размещенные', 'Lost')"; запрос + = "GROUP BY статус, DATEPART (месяц, дата)"; DataTable, дт = GetData (запрос); // Получить отчетливую страну. Список статусы = (от р в dt.AsEnumerable () выберите p.Field ( "статус")) Distinct () ToList ()..; // Цикл по странам. Еогеасп (состояние строки в статусах) {// Получает год для каждой страны. ИНТ [] х = (от р в dt.AsEnumerable (), где p.Field ( "статус") == статус OrderBy p.Field ( "Год") по возрастанию выберите p.Field ( "Год")). ToArray () ; // Получить Всего заказы на каждую страну. ИНТ [] у = (от р в dt.AsEnumerable (), где p.Field ( "статус") == статус OrderBy p.Field ( "Год") по возрастанию выберите p.Field (» IsValueShownAsLabel = истина; Chart10.Series [статус] .ChartType = SeriesChartType.StackedColumn; Chart10.Series [статус] .Points.DataBindXY (х, у); Chart10.Legends [0] .Enabled = TRUE; }} Диаграмма 2 Stacked гистограммы У меня есть дата 2 атрибутов и SaleAmount мне нужно, чтобы создать диаграмму для отображения значений, как эта ось х (месяцы), у оси SaleAmount и точки для отображения различных лет для каждого месяца. Я попытался посмотреть везде, но не не нашел ничего код, что я создал в настоящее время не является правильным Пожалуйста, помогите IsValueShownAsLabel = истина; Chart10.Series [статус] .ChartType = SeriesChartType.StackedColumn; Chart10.Series [статус] .Points.DataBindXY (х, у); Chart10.Legends [0] .Enabled = TRUE; }} Диаграмма 2 Stacked гистограммы У меня есть дата 2 атрибутов и SaleAmount мне нужно, чтобы создать диаграмму для отображения значений, как эта ось х (месяцы), у оси SaleAmount и точки для отображения различных лет для каждого месяца. Я попытался посмотреть везде, но не не нашел ничего код, что я создал в настоящее время не является правильным Пожалуйста, помогите }} Диаграмма 2 Stacked гистограммы У меня есть дата 2 атрибутов и SaleAmount мне нужно, чтобы создать диаграмму для отображения значений, как эта ось х (месяцы), у оси SaleAmount и точки для отображения различных лет для каждого месяца. Я попытался посмотреть везде, но не не нашел ничего код, что я создал в настоящее время не является правильным Пожалуйста, помогите }} Диаграмма 2 Stacked гистограммы У меня есть дата 2 атрибутов и SaleAmount мне нужно, чтобы создать диаграмму для отображения значений, как эта ось х (месяцы), у оси SaleAmount и точки для отображения различных лет для каждого месяца. Я попытался посмотреть везде, но не не нашел ничего код, что я создал в настоящее время не является правильным Пожалуйста, помогите
georgi georgiev
1

голосов
2

ответ
67

Просмотры

Переключение серии в диаграмме с помощью VBA

Good Morning люди, я ищу, чтобы переключить серию диаграмм с помощью VBA и пользовательскую форму, чтобы выбрать конкретную серию, я имел успех с линией графика. Однако, когда я пытаюсь использовать гистограмму, это, кажется, не обновлять данные, только легенда. Код VBA я использую: Модуль: Option Explicit Sub ChartContent) «процесс (Excel VBA, чтобы выбрать диаграмму и показать UserForm. ActiveSheet.ChartObjects.Select ufChart.Show End Sub UserForm: Option Explicit Private Sub cmdApply_Click () Dim iSres As Integer Application.ScreenUpdating = False С ActiveChart .HasLegend = False .HasLegend = True Для iSres = .SeriesCollection.Count К 1 Шаг -1 Если ListBox1.Selected (iSres - 1) Тогда .SeriesCollection (iSres) .Border.LineStyle = xlAutomatic .SeriesCollection (iSres). LineStyle = xlNone) Next End With End Sub Кто-нибудь есть какие-либо предложения о том, почему это может происходить и возможные решения, чтобы я мог применить это VBA к гистограмме, я не совсем уверен, почему его не обновляется с гистограммой. Большое спасибо,
1

голосов
0

ответ
195

Просмотры

Как установить переменную maxVisibleCount в ИО картах

Я использую турник диаграммы и все значения у меня есть между 10 и 30. Я хочу, чтобы отобразить значения в таблице, однако drawValuesEnabled зависит от maxVisibleCount (от КСН-диаграмм источника) От BaseDataSet.swift /// Set это верно рисовать Y-значения на графике. /// /// - Примечание: Для штриховых и графиков: если `maxVisibleCount` достигнуто, никаких значений не будет нарисованы, даже если это разрешено. открытая переменная drawValuesEnabled = правда, я вижу maxVisibleCount установлен в 100 по умолчанию в BarLineChartViewBase.swift. Я попытался установить maxVisibleCount 5 в BarLineChartViewBase.swift. Это не обновляет график. Я использую Бобы использовать IOS диаграммы в моем проекте. Параметры диаграммы: chartDataSet.drawValuesEnabled = истина chartDataSet.drawIconsEnabled = истина chartDataSet.visible = истина chartDataSet.
deepakssn
1

голосов
1

ответ
248

Просмотры

серия диаграммы множественного Google с таким же масштабом

Я ищу способ иметь несколько серий на моем графике, с теми же масштабах, но отображается только один раз. как вы можете увидеть здесь: http://jsfiddle.net/Youkoal/d3xwnqdu/ У меня есть 4 серии и отображение графика все 4 осей. Я заметил, что эти свойства, кажется, не работает здесь: TextStyle: {цвет: «ни»} ни {формат: «ни»} при включении в настройках оси. Как я могу «скрыть» эти оси или поставить все серии на одних весах?
youkoal
1

голосов
0

ответ
2k

Просмотры

Как создать кластерный уложены гистограмму в Google Таблицах?

Это тип карты я хочу создать, месяцев на оси х. Найдено инструкции о том, как это сделать в Excel (см «DoubleColumn»: https://ufile.io/nu18b), но не может повторить это в листах. Кто-то понял, как это сделать в «Визуализация API.» Надеюсь, то будет помогает.
Vinay Patel

Просмотр дополнительных вопросов

Связанные вопросы