Вы не можете использовать память в потоке, потому что память распределяется между всеми потоками процесса. Как ОС узнает, выделила ли вы память в одном потоке и использовала ее в другом. И что это значит?
Вы можете изменить форматирование номера, используя класс google.visualization.NumberFormat
.
var formatter = new google.visualization.NumberFormat({
fractionDigits: 0,
prefix: ' Если вам нужна большая гибкость, взгляните на класс PatternFormat
.
Вот справочник по API .
});
formatter.format(data, 1); // Apply formatter to second column.
Если вам нужна большая гибкость, взгляните на класс PatternFormat
.
Вот справочник по API .
Я пытался сделать то же самое с круговой диаграммой Google. В исходном коде при наведении курсора во всплывающей подсказке отображалась метка, необработанное число и процент.
Оригинальный код был:
data.setValue (0, 0, «Рождественские елки»);
data.setValue (0, 1, 410000000);
И всплывающая подсказка будет отображать «Рождественские елки 410000000 4,4%».
Чтобы отформатировать текст, я добавил строку в код, так что это было:
data.setValue (0, 0, «Рождественские елки»);
data.setValue (0, 1, 410000000);
data.setFormattedValue (0, 1, «410 миллионов долларов» ");
В результате появилась всплывающая подсказка с надписью" Рождественские елки $ 410 млн. 4,4% "
Надеюсь, это поможет!
Существует очень простой способ сделать это, вам просто нужно использовать один из Formatters
для данных:
// Set chart options
var options = {
hAxis: {format: 'MMM dd, y'}
};
// Format the data
var formatter = new google.visualization.DateFormat({pattern:'EEEE, MMMM d, y'});
formatter.format(data,0);
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.AreaChart(document.getElementById('visualization'));
chart.draw(data, options);
Вы просто форматируете ось иначе, чем формат данных, так как данные формат будет отображаться только при наведении мыши.
Еще один способ сделать это - добавить еще один столбец к вашим данным, который будет действовать как всплывающая подсказка.
function drawVisualization() {
data = new google.visualization.DataTable()
data.addColumn('string', 'Date');
data.addColumn('number');
data.addColumn({type:'string',role:'tooltip'});
data.addRow();
base = 10;
data.setValue(0, 0, 'Datapoint1');
data.setValue(0, 1, base++);
data.setValue(0, 2, " This is my tooltip1 ");
data.addRow();
data.setValue(1, 0, 'Datapoint2');
data.setValue(1, 1, base++);
data.setValue(1, 2, "This is my second tooltip2");
// Draw the chart.
var chart = new google.visualization.BarChart(document.getElementById('visualization'));
chart.draw(data, {legend:'none', width:600, height:400});
}
Я тоже искал тот же вариант. Кажется, прямого пути нет. Но мы можем отключить всплывающую подсказку по умолчанию и открыть нашу собственную версию, используя SelectHandler. Дайте нам знать, если вы нашли более лучший / прямой путь. Благодаря
Посмотрите на роли DataTable и пример всплывающей подсказки: https://developers.google.com/chart/interactive/docs/roles
label: 'Year', 'Sales', null, 'Expenses', null
`role: domain, data, tooltip, data, tooltip`
'2004', 1000, '1M$ sales, 400, '[110].4M expenses
in 2004' in 2004'
'2005', 1170, '1.17M$ sales, 460, '[110].46M expenses
in 2005' in 2005'
'2006', 660, '.66M$ sales, 1120, '$1.12M expenses
in 2006' in 2006'
'2007', 1030, '1.03M$ sales, 540, '[110].54M expenses
in 2007' in 2007'
Пустые метки используются в качестве всплывающей подсказки для «Продаж» и «Расходы» соответственно.
Создайте новый тип данных для того, что вы хотите во всплывающей подсказке:
var data = new google.visualization.DataTable();
data.addColumn('string', 'Game');
data.addColumn('number', 'Transactions');
data.addColumn({type:'string', role:'tooltip'}); // here is the tooltip line
Теперь добавьте информацию, которую вы хотите в подсказке, к вашим данным:
['$FormatedWeekday', $SalesAll,'$ToolTip']
['$FormatedWeekday', $SalesAll,'$ToolTip']
['$FormatedWeekday', $SalesAll,'$ToolTip']
Вы потеряет все данные по умолчанию в вашем отзыве, так что вы можете захотеть перепаковать его:
$ToolTip = ''.$FormatedWeekday.' \u000D\u000A '.$SalesAll.' \u000D\u000A '."Red Cross Event";
«\ u000D \ u000A» вызывает разрыв строки
Похоже, теперь вы можете настраивать текст всплывающей подсказки, добавив специальный столбец с role: 'tooltip'
: https://developers.google.com/chart/interactive/docs/customizing_tooltip_content
Единственный способ, которым я нашел, чтобы отключить это, это пройти DOM в обработчике наведения (в любом случае для круговых диаграмм):
$ (pie.Ac.firstElementChild.contentDocument.childNodes [0] .childNodes [ 2] .childNodes [1] .firstChild.childNodes [2]). Remove ();
Что является отвратительным и требует от Google сохранения существующей структуры ... Есть ли лучший способ?
Google Chart не поддерживает формат всплывающей подсказки html LineChart, BarChart. Я использую:
google.visualization.events.addListener(chart, 'onmouseover', function(rowColumn){
myFunction();
});
в myFunction()
: вы можете использовать popup
, чтобы показать больше информации.
К вашему сведению, все:
Google добавил пользовательские подсказки HTML / CSS в сентябре 2012 года: https://google-developers.appspot.com/chart/interactive/docs/customizing_tooltip_content