How to use HighChart column drilldown in SharePoint?

Hi All,
I am using highchart in SharePoint, while trying drilldown column chart how to pass drilldown values?
Here is my code:
$(function () {
// Create the chart
$('#container').highcharts({
chart: {
type: 'column'
title: {
text: 'Basic drilldown'
xAxis: {
type: 'category'
legend: {
enabled: false
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true
series: [{
name: 'Things',
colorByPoint: true,
data: [{
name: 'Animals',
y: 5,
drilldown: 'animals'
name: 'Fruits',
y: 2,
drilldown: 'fruits'
name: 'Cars',
y: 4,
drilldown: 'cars'
drilldown: {
series: [{
id: 'cars',
data: [
['Toyota', 4],
['Opel', 2],
['Volkswagen', 2]
In this code drilldown data are manually entered. How to pass values from SharePoint list? thanks!

Hi,
In SharePoint 2010, we can use SPServices to pump data into HightCharts to render a chart.
The following blogs for your reference:
Utilizing SPServices for SharePoint 2010 to create charts with High Charts
http://www.sharepointdeveloperhq.com/2013/05/utilizing-spservices-for-sharepoint-2010-to-create-charts-with-high-charts/
SPServices Stories #2 – Charting List Data with HighCharts
http://sympmarc.com/2013/01/29/spservices-stories-2-charting-list-data-with-highcharts/
Best Regards
Dennis Guo
TechNet Community Support

Similar Messages

How to use the Columns Hidden | space in the bottom of af:panelCollection?

Hi,experts,
In jdev 11.1.2.3,
I can see a row of Columns Hidden | Columns Frozen in the bottom of component af:panelCollection - pc1 which have an af:table - t1 component inside in designer view,
and can see there is a blank row space only with "|" inside when the page is running.
Now I want to use this blank row space such as to display row numbers for the table, so I set the property for the panelColletion as following source code:
==========================
<af:panelCollection id="pc1" inlineStyle="width:1250px; height:500px;">
<f:facet name="menus"/>
<f:facet name="toolbar"/>
<f:facet name="statusbar">
<af:group id="g4"/>
</f:facet>
<af:table value="#{bindings.TView1.collectionModel}" var="row"
rows="#{bindings.TView1.rangeSize}"
emptyText="#{bindings.TView1.viewable ? 'No data to display.' : 'Access Denied.'}"
fetchSize="#{bindings.TView1.rangeSize}" rowBandingInterval="1"
filterModel="#{bindings.ImplicitViewCriteriaQuery.queryDescriptor}"
queryListener="#{bindings.ImplicitViewCriteriaQuery.processQuery}" filterVisible="false"
varStatus="vs"
selectedRowKeys="#{bindings.TView1.collectionModel.selectedRow}"
selectionListener="#{bindings.TView1.collectionModel.makeCurrent}"
rowSelection="single" id="t1" inlineStyle="font-size:xx-large; font-weight:bolder;">
<af:column sortProperty="#{bindings.TView1.hints.GoodsStatus3.name}" filterable="true"
sortable="true"
headerText="#{bindings.TView1.hints.GoodsStatus3.label}"
id="c42">
<af:outputText value="#{row.GoodsStatus3}" id="ot33"/>
</af:column>
<f:facet name="footer">
<af:group id="g3">
*<af:outputText value="RowsNumber：" id="ot44"/>*
*<af:outputText value="#{bindings.TView1Iterator.estimatedRowCount}"*
id="ot43" partialTriggers="::pc1:t1"/>
</af:group>
</f:facet><f:facet name="detailStamp"/>
</af:table>
</af:panelCollection>
=====================
but when run the page there is no display for the row number, instead on the bottom of the table, there is only a blank row with "|" inside.
How to use the Columns Hidden | Columns Frozen space in the bottom of component af:panelCollection ?
Thanks!

Hi, Arun
It works.
As in my use case, can draw an af:toolbar component into statusbar of Panel Collection facets in Structure view.
There is still a small issue:
cannot see the Columns Hidden|Columns Frozen component in the Structure view,
and if drop more than one af:toolbar into statusbar, the sencond one will fall/wrap into second row, even though there is enough space on the first row (to occupy a second row in statusbar will be a waste of space), and cannot see how to adjust.
Thank you very much!
bao

How to use highchart in SharePoint?

HI All,
Here I am using trying HighChart to represent list data, How to get all column dynamically into HighChart?
$(function () {
$('#container').highcharts({
title: {
text: 'Monthly Average Temperature',
x: -20 //center
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
yAxis: {
title: {
text: 'Temperature (°C)'
plotLines: [{
value: 0,
width: 1,
color: '#808080'
tooltip: {
valueSuffix: '°C'
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
name: 'New York',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
name: 'Berlin',
data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
Here is the HighChart . I am using script, its working fine. But i need to dynamically load all my column of list into x axis of chart. How to acheive this, thanks in advance!

Hi Sam,
You can use JSOM/REST to fetch data from SharePoint list and populate the x-axis of chart. Below link might help
http://www.sharepointdeveloperhq.com/2013/05/utilizing-spservices-for-sharepoint-2010-to-create-charts-with-high-charts/
Best Regards,
Brij K

How to use the column names generated from Dynamic SQL

Hi,
I have a problem with Dynamic SQL.
I have written an SQL which will dynamically generate the Select statement with from and where clause in it.
But that select statement when executed will get me hundreds of rows and i want to insert each row separately into one more table.
For that i have used a ref cursor to open and insert the table.
In the select list the column names will also be as follows: COLUMN1, COLUMN2, COLUMN3,....COLUMNn
Please find below the sample code:
TYPE ref_csr IS REF CURSOR;
insert_csr ref_csr;
v_select VARCHAR2 (4000) := NULL;
v_table VARCHAR2 (4000) := NULL;
v_where VARCHAR2 (4000) := NULL;
v_ins_tab VARCHAR2 (4000) := NULL;
v_insert VARCHAR2 (4000) := NULL;
v_ins_query VARCHAR2 (4000) := NULL;
OPEN insert_csr FOR CASE
WHEN v_where IS NOT NULL
THEN 'SELECT '
|| v_select
|| ' FROM '
|| v_table
|| v_where
|| ';'
ELSE 'SELECT ' || v_select || ' FROM ' || v_table || ';'
END;
LOOP
v_ins_query :=
'INSERT INTO '
|| v_ins_tab
|| '('
|| v_insert
|| ') VALUES ('
|| How to fetch the column names here
|| ');';
EXECUTE IMMEDIATE v_ins_query;
END LOOP;
Please help me out with the above problem.
Edited by: kumar0828 on Feb 7, 2013 10:40 PM
Edited by: kumar0828 on Feb 7, 2013 10:42 PM

>
I Built the statement as required but i need the column list because the first column value of each row should be inserted into one more table.
So i was asking how to fetch the column list in a ref cursor so that value can be inserted in one more table.
>
Then add a RETURNING INTO clause to the query to have Oracle return the first column values into a collection.
See the PL/SQL Language doc
http://docs.oracle.com/cd/B28359_01/appdev.111/b28370/returninginto_clause.htm#sthref2307

How to use single column in a group by clause

hi frs
i hve used sum function in a sql how to use a single column in a query.
for ex
select sum(sal),ename,job,deptno,empno from emp
group by deptnowhether its possible to use single column in a group by class.
i want like this because in my custom report i need it. Report query has more than 30 column so its not possible to use 30 columns in a group by.
pls help.
Thanks
Rajesh

Maybe something like this -
Select ename, job, deptno, empno, sal, col1, col2, col3, col4 ......, coln
From
Select SUM(sal) sal, deptno deptno_i
From Emp
Group By deptno
,Emp
Where deptno = deptno_i
Shailender Mehta

How to use date column index

Hi,
Why is that I got different results for my queries?
Note that emp_date is indexed, so i dont want to use
a function to it.
QUERY1(full table scan)
SELECT COUNT(*) FROM EMP WHERE TRUNC(EMP_DATE)=TRUNC(SYSDATE-30); (RESULT=8,842)
QUERY2
SELECT COUNT(*) FROM EMP WHERE
EMP_DATE >=(SYSDATE-30) and EMP_DATE < (SYSDATE-30); (RESULT=0)
QUERY3
SELECT COUNT(*) FROM EMP WHERE
EMP_DATE BETWEEN TRUNC(SYSDATE-30) and TRUNC(SYSDATE-30); (RESULT=2,100)
Please help me how to use indexed date column...

> Why is that I got different results for my queries?
Because your queries are different.
1) This one selects all records on 20 october, regardless of their time component
2) This one selects all records with an emp_date at least being 20 october 14:56:30 AND being smaller than 20 october 14:56:30. No record will ever satisfy this condition.
3) This one selects all records on 19./20 october at midnight 00:00:00
Please see this example:
SQL> create table myemp (emp_date)
2 as
3   select trunc(sysdate) - 30 +
4          case
5          when level <= 2100 then 0
6          when level <= 8842 then dbms_random.value(1,86399)/86400
7          else 2
8          end
9     from dual
10 connect by level <= 100000
11 /
Tabel is aangemaakt.
SQL> create index i1 on myemp(emp_date)
2 /
Index is aangemaakt.
SQL> exec dbms_stats.gather_table_stats(user,'myemp',cascade=>true)
PL/SQL-procedure is geslaagd.
SQL> set autotrace on explain
SQL> select count(*) from myemp where trunc(emp_date)=trunc(sysdate-30)
2 /
                              COUNT(*)
                                  8842
1 rij is geselecteerd.
Uitvoeringspan
   0      SELECT STATEMENT Optimizer=CHOOSE (Cost=88 Card=1 Bytes=8)
   1    0   SORT (AGGREGATE)
   2    1     TABLE ACCESS (FULL) OF 'MYEMP' (Cost=88 Card=1000 Bytes=
          8000)
SQL> select count(*) from myemp where
2 emp_date >=(sysdate-30) and emp_date < (sysdate-30)
3 /
                              COUNT(*)
                                     0
1 rij is geselecteerd.
Uitvoeringspan
   0      SELECT STATEMENT Optimizer=CHOOSE (Cost=2 Card=1 Bytes=8)
   1    0   SORT (AGGREGATE)
   2    1     FILTER
   3    2       INDEX (RANGE SCAN) OF 'I1' (NON-UNIQUE) (Cost=4 Card=2
          50 Bytes=2000)
SQL> select count(*) from myemp where
2 emp_date between trunc(sysdate-30) and trunc(sysdate-30)
3 /
                              COUNT(*)
                                  2100
1 rij is geselecteerd.
Uitvoeringspan
   0      SELECT STATEMENT Optimizer=CHOOSE (Cost=2 Card=1 Bytes=8)
   1    0   SORT (AGGREGATE)
   2    1     FILTER
   3    2       INDEX (RANGE SCAN) OF 'I1' (NON-UNIQUE) (Cost=4 Card=2
          50 Bytes=2000)
> Please help me how to use indexed date column...
Use this query instead:
SQL> select count(*)
2    from myemp
3   where emp_date between trunc(sysdate)-30 and trunc(sysdate)-29 - interval '1' second
4 /
                              COUNT(*)
                                  8842
1 rij is geselecteerd.
Uitvoeringspan
   0      SELECT STATEMENT Optimizer=CHOOSE (Cost=2 Card=1 Bytes=8)
   1    0   SORT (AGGREGATE)
   2    1     FILTER
   3    2       INDEX (RANGE SCAN) OF 'I1' (NON-UNIQUE) (Cost=4 Card=2
          50 Bytes=2000)Regards,
Rob.

Primary Key With Four Column ,How to use that Column As Primary Key In Form

Dear All,
i have create composite Key as primary Key With Four Column .
How can i use these column in Form With Report Page.
How can i use these four Column as primary Key to Edit Record .
How can i do this.
Thanks
Vedant

wrap a view around your table with this bogus primary key. Use an instead of trigger to handle the inserts and updates. And then look at using surrogate keys to resolve these bad design issues...
5 out of 4 people don't understand fractions.
Thank you,
Tony Miller
Webster, TX

How to use COMMENTS column of PER_ALL_VACANCIES?

In Table PER_ALL_VACANCIES, there is a column COMMENTS. I want to add this column in the CREATE VACANCY page. Do I have to use the customization of IrcEditVacancyVO to use this column?

Thank you very much! This is exactly what I wanted.
Average Calories by Trainer
Natalie
720
Michael
954
Jason
718
Elvis
688
One last question since you were all so helpful. How do I sort by the Average calorie burn column from highest to lowest? Every time I try to sort, it messes up all the formulas or won't change the names, just the numbers. In excel it's so easy to do this, I'm so surprised that I'm having issues sorting too! Ideally I'd like it to automatically sort to have the highest trainer on top, but I'm ok doing it manually if I need to.
Thanks again!

How to use get column name.vi in SQL toolkit 2.0?

Due to the vi "get column name.vi" paremeters,no table name has connected to the vi. So, I want to ask how to use this vi for gain one column name of a table. Maybe there are some other ways to solve column name getting.
Thanks.

Thanks!
Error 4101 Description:
Execute SQL - The connection, statement, or query handle you provided is not valid.
I don't just used the toolkit in a while,now, I am developing a irrigation system. For the table field names defined by users,column names must be known before any select operations. Do you have any other good idea about drawing out the columnname parameters?
As you know, a valid DSN and table have been also available. The database I used is Access. The bad thing to me is that there is no any text information gotten. And I think, it may be some problems in connection way which I don't find out.
Really appreciated by your reply.
Could you give me some example in the aspect?
Thank you again.

How to use numeric column in BI Publisher 11g Data Model?

Hi Gurus
I was able to create a link(join) in Data model when I used VARCHAR column.
However if I used numeric column I got an error
Any ideas?
Thanks
Laszlo

Can you please post the error message?
Regards,
Kalyan Chukkapalli
http://123obi.com

How to use timestamp column in a xmltable function?

i have a relational view over a xml table and in the view definition i use a virtual XMLTable. my problem is the timestamp value in the xml is in the format like '2001-12-17T17:30:47Z". therefore the view is running into problems. how do i do to_date() kind of function in a XMLTable definition? Thanks.
XMLTable(
COLUMNS name VARCHAR2(6) PATH '@ename',
id NUMBER PATH '@empno'
time TIMESTAMP PATH '/order/timestamp'

Export with timestamp check?

How to use dynamic column fields in formulas

Hi,
we changed from CR 8.5 to CR XI R2.
Many of our reports use dynamic queries with different count of columns.
These reports are designed for the maximum count of columns.
This works fine with CR 8.5 but with CR XI R2 it seems to be that if one of these columns is missing i get an error in all formulas using this missing columns.
How can i use or check this columns in formulas?
regards
Michael

Could it be because of null values? Try File -> Report Options and then check the box next to convert null values to default values and see it that helps or you can go into the formulae and choose Default Values for Nulls. Either of these options should plug a zero if the values happen to be nulls.

How to use custom forms created in SharePoint 2007 to work in SharePoint 2010

Hi,
We have created some custom forms in SharePoint 2007 (for add a New item and Edit item for some list and libraries) after migration to SP 2010 we found out thet we can use those custom forms because the document versions are 12.0.0.0 which
should be 14.0.0.0 in SharePoint 2010
Could someone please tell me if we can migrate forms from SP2007 to SP2010 as well?
I even tried to change document Version and content but still not working! Do we need to recreate those forms in SP2010?
Thanks
Kate

Hi Khojasteh,
How did you do for changing document version and content?
Whether you tried to set the forms update automatically, then re-publish them.
There are some similar posts for your reference:
Migrate Infopath 2007 to SharePoint 2010 site
Unable to open infopath forms when migrated from MOSS 2007 to sharepoint 2010
Migrate browser based InfoPath Forms with code behind from MOSS 2007 to SharePoint 2013
Plan to upgrade form templates during an upgrade to SharePoint Server 2010
Best Regards,
Wendy
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Wendy Li
TechNet Community Support

How to use selection column in a table control

I have given the name of the selection column to be 'DEF_SEL',now i want to select rows in the table control using the 'selection column attribute' and maniupulate it programmatically so that i would transport the rows selected using selection coulmn to a different table control.How would i do this?

Hi raja,
Once you have the table cobtrol built using the extra field in the internal table, all the selected rows will have DEF_SEL = 'X'.
Now you can loop your internal table and filter the records which were selected.
in pai modules:
loop at itab where DEF_SEL = 'X'.
Move itab information inrto another internal table.
append itab_new.
endloop.
have another table control which shows the data in the itab_new.
regards,
Ravi

How to Use Team Foundation Server With SharePoint 2013 For Development

Hi All,
As i am new to team foundation server and i want to use team foundation server for our development. Please give me good startup point.

Hi,
If you wanted to integrate Team Foundation Server with SharePoint 2013,
there are two articles for your reference:
http://dumians.wordpress.com/2013/04/01/integrate-team-foundation-server-with-sharepoint-2013/
http://nakedalm.com/integrate-sharepoint-2013-with-team-foundation-server-2013/
By the way, you can also post the question in in Visual Studio Team Foundation Server forums and more experts will assist you.
Team Foundation Server – General http://social.msdn.microsoft.com/Forums/vstudio/en-US/home?forum=tfsgeneral
More information:
SharePoint Products requirements for Team Foundation Server:
http://msdn.microsoft.com/en-us/library/hh667648.aspx
Best Regards,
Linda Li
Linda Li
TechNet Community Support

How to use HighChart column drilldown in SharePoint?

Similar Messages

Maybe you are looking for