突出显示Google图表栏onMouseOver标头
|
我目前正在使用Google Bar在Django中处理项目
图表以显示各种数据。我没有经验
Javascript,但已使条形图按预期工作,谢谢
到提供的示例。
我的目标是拥有一个在以下情况下突出显示其中一个栏的JavaScript:
鼠标悬停在文本正文中的单词上,即鼠标悬停在
标头“偿付能力”,应突出显示最新偿付能力栏
(或者最好是所有偿付能力标准!)。
我的条形图代码为:
google.load(\"visualization\", \"1\", {packages:[\"corechart\"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn(\'string\', \'Year\');
data.addColumn(\'number\', \'Solvency\');
data.addColumn(\'number\', \'Margin\');
data.addRows({{ to_annual_report_list|length }});
{% for annual_report in to_annual_report_list reversed %}
data.setValue({{forloop.counter0}}, 0,\'{{ annual_report.year }}\');
{% endfor %}
{% for solvency in solvency_list reversed %}
data.setValue({{forloop.counter0}}, 1, {{ solvency|floatformat:\"2\" }});
{% endfor %}
{% for margin in margin_list reversed %}
data.setValue({{forloop.counter0}}, 2, {{ margin|floatformat:\"2\"}});
{% var chart = new google.visualization.ColumnChart(document.getElementById(\'bar_chart_div\'));
chart.draw(data, {
width: 400,
height: 240,
title: \'{{to_company.name}} - Solvency & Margin\',
titleTextStyle: {color: \'#000\', fontName: \'Lucida Sans\',fontSize:12},
titlePosition: \'out\',
hAxis: {titleTextStyle: {color: \'#000\'}, textPosition: in\'},
vAxis: {title: \'%\', titleTextStyle: {color: \'#000\'}, textPosition:\'out\'},
axisTitlesPosition: \'out\',
legend: \'bottom\',
legendTextStyle:{ fontSize: 12 },
colors: [\'#58db25\', \'#2e7114\', \'#4ec221\'],
chartArea: {left: 30, top: 40, width:\"100%\",height:\"70%\"},
});
}
这是我在开发论坛上的第一篇文章,因此,对于我的
帖子构造不佳。
我非常感谢您对此提供的一些意见!
提前致谢,
约翰
没有找到相关结果
已邀请:
1 个回复
旗低饶彤